核心提示:只能使用localhost访问无法使用ip访问 手机访问时只显示title不显示内容只能使用localhost访问,无法使用ip访问关于这个问题,其实是因为 webpack 导致的,因为我们使用 vu...
只能使用localhost访问无法使用ip访问 手机访问时只显示title不显示内容
只能使用localhost访问,无法使用ip访问
关于这个问题,其实是因为 webpack 导致的,因为我们使用 vue-cli 来构建项目的时候,一般都会选择使用的模版是 webpack 。
这次 webpack 升级后,导致 /config/index.js 里面的配置项多了几项。
其中一项就是 dev 中多了:
host: 'locahost', // can be overwritten by process.env.HOST
这个配置项有一个好处,就是局域网内的其他设备,无法访问你的开发项目。(或许你也不想让别人看到)。
但现在,我想用局域网内其他设备来访问怎么办?
很简单,把 localhost 改成 0.0.0.0
host: '0.0.0.0', // can be overwritten by process.env.HOST
然后重启项目
这样就 OK 啦~
手机访问时,只显示title不显示内容
当我想用手机来访问一下的时候,看到一片空白,只有 title 。
解决方案:
修改 /config/index.js 里的 devtool 。
将默认的 eval-source-map 改为 inline-source-map
然后,重启项目就可以了。
具体原因:
webpack sourcemap 选项多种模式的一些解释