最近在開發移動端Vue移動端項目,查了一些資料,這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。
1.電腦和手機連接到同一個WIFI
a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi;
b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以;
2.查詢本地IP地址
WIN+R,輸入cmd回車,打開命令提示符,輸入ipconfig,查看本地IPv4;
3.修改本地項目中IP地址
找到項目中config文件夾,下面index.js文件打開;
找到host: ‘localhost’, 改為上面本地IPv4地址;

4.制作二維碼
借助二維碼生成工具修改后項目生成二維碼。當然不嫌麻煩,地址欄手動輸入也可以。例如:草料二維碼 https://cli.im/text?41ef018751ee495bd8d8ecba3a8fed09
