调测一个vue-cli2构建的三方项目,安装好依赖后,运行开发模式命令 npm run dev,启动后默认自动打开浏览器,但是打开地址为 http://0.0.0.0:8080,浏览器显示无法访问,手动修改为 127.0.0.1:8080 可正常打开。
每次手动更改不是办法,所以需要调整下代码,能够自动打开后就能正常访问。
研究了一下,大致记录如下:
1、打开地址以 0.0.0.0 开头肯定是代码里设置了host为0.0.0.0,但是在config\index.js文件中的设置,显示却是为localhost:
然后查看package.json文件发现了设置:
所以去掉此处设置后,重新运行即可打开localhost:8080了,如果需要自动运行时打开为127.0.0.1:8080,则将配置改为 host: '127.0.0.1' 即可;
到此问题已经解决,但是为啥要设置host 0.0.0.0呢,又研究了一番,如此设置是为了在局域网能够让其他机器通过ip访问本机,否则其他机器无法访问。
那如何能够保证局域网能正常访问,本机运行默认打开也正常呢,可按如下调整:
1、修改config\index.js中host配置,将localhost改为0.0.0.0(不修改此处,在package.json恢复成以前的配置 host 0.0.0.0 也可以):
2、修改build\webpack.dev.conf.js文件中useLocalIp配置,设置为true,没有此项直接添加上:
3、调整完成,重新运行,默认打开为 http://本地IP:8080,显示正常。