Vue项目本地服务器设置既能localhost访问又能通过IP地
2019-12-13 本文已影响0人
xinyiyake
问题
最近接手了一个vue项目,项目在我本机上启动,通过localhost可以访问,现在想要让同一局域网上的其它机器通过访问我的IP地址也能打开页面,却发现打不开页面。
解决办法
修改Vue项目的配置文件
-
修改项目config目录下的index.js文件,把host改成0.0.0.0
修改index.js
-
修改package.json中的启动指令为 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0
修改package.json
修改完之后重启项目,就可通过localhost和IP地址访问你的页面了,例:
'http://localhost:8090'
或
'http://192.168.8.214:8090'
// 192.168.8.214为你的电脑上的IP地址