vue 移动端项目（app）手机测试

 

1、手机和电脑连接同一个热点，在pc端通过 ipconfig 命令查询本地ip 

例如：

 

 

 

http://9.1.**.**:8080/#/ //查询本地域名 //1、 windows + R > 输入 cmd //2、 输入 ipconfig //3、IPV4 地址 就是IP地址了 

 

2、在vue webpack 配置里修改地址

方法一：
找到文件 config > index.js

host : '0.0.0.0' // 将host设置为'0.0.0.0' 

如图

方法二：
找到文件 package.json

"scripts": { "dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js", //在dev中添加 --host 0.0.0.0 },

注意：设置完成后重启服务器，不然不起作用

6、重新启动项目

npm run dev

在pc端和移动端就可以通过  http://9.1.**.**:8080/#/ 产看项目了