Vue项目本地服务器设置既能localhost访问又能通过IP地址访问

问题
最近接手了一个vue项目,项目在我本机上启动,通过localhost可以访问,现在想要让同一局域网上的其它机器通过访问我的IP地址也能打开页面,却发现打不开页面。

解决办法
修改Vue项目的配置文件

  1. 修改项目config目录下的index.js文件,把host改成0.0.0.0

    修改index.js

  2. 修改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地址

你可能感兴趣的:(Vue项目本地服务器设置既能localhost访问又能通过IP地址访问)