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/#/ 產看項目了