写在前面
在我们开发的时候，特别是移动端开发，有时候PC浏览器模拟移动端环境不能直观的检验处移动端的表现形式。所以我们需要在移动端通过IP直接访问PC服务器。
vue项目dev模式下开启IP访问
1、打开build/webpack.dev.conf.js如下：
devServer: {
host: HOST || config.dev.host,
port: PORT || config.dev.port,
...
2、打开config.dev对应的config/index.js中对应的dev内容如下：
dev: {
host: 'localhost', // 可以被process.env.HOST覆盖。
port: 8080, // 可以被process.env.PORT覆盖，如果使用端口，将确定一个空闲端口。
...
3、将第二步中的host内容修改为host: '0.0.0.0',，重启服务后就开启了vue项目通过IP访问权限
其他注意事项
1、Windows电脑需要关闭防火墙
2、移动端设备必须和PC服务器连接在同一个局域网内
3、可以通过输入ipconfig -all，查看本地IPv4即访问IP的网址
4、访问网址注意加上网口，如：http://192.168.xxx.xxx:8080/#/home
网友评论