利用vue-cli构建的项目localhost改ip后无法访问

利用vue-cli构建的项目localhost改ip后无法访问

利用vue-cli新构建的项目运行npm run dev后，在浏览器中可以通过访问localhost进行访问：

当把项目地址给别人，让别人通过自己ip进行访问，或者在自己电脑上换成ip进行访问时，则出现无法访问（10.14.81.103是我自己电脑的ip）：

换成127.0.0.1后又可以正常访问：

换成0.0.0.0也不能正常访问：

解决方法：

找到项目config文件夹下index.js文件，修改其中的配置项dev对象的host属性：

修改后重启项目，便可以使用ip进行访问项目：

参考文献：

[1] vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问