调测一个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：
host配置为localhost
然后查看package.json文件发现了设置：
脚本命令设置了0.0.0.0
所以去掉此处设置后，重新运行即可打开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 也可以）：
修改host配置
2、修改build\webpack.dev.conf.js文件中useLocalIp配置，设置为true，没有此项直接添加上：
配置useLocalIp
3、调整完成，重新运行，默认打开为 http://本地IP:8080，显示正常。
网友评论