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/#/ 产看项目了