启动vue项目 既能localhost访问又能通过ip访问

启动vue项目 既能localhost访问又能通过ip访问

在初始化完一个vue项目(基于vue-cli 和webpack)之后，我们可以通过 npm run dev来让这个项目跑起来，
然后就可以在浏览器里输入localhost:8080就可以访问该项目了。
如果想通过 ip地址进行访问时，就需要配置本地服务器设置文件。

1：找到config文件夹下的index.js文件，将host的值改为 0.0.0.0

2：改完之后，重新运行项目，就可以通过 ip 地址访问了。但是并不能通过localhost访问，需要修改项目的 配置文件package.json，在dev的值后面添加 --host 0.0.0.0。 注意：要把0.0.0.0改为ip地址，修改完配置文件后要重新运行项目才会生效哦！。

3：还有一点，config文件夹下的index.js文件中把 autoOpenBrowser 的值修改为 true ，npm run dev运行项目后会自动打开浏览器。