只能使用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 选项多种模式的一些解释