启动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运行项目后会自动打开浏览器。