項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目:
步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP;
步驟二: 將ipv4地址復制下來 ---> 192.168.x.x
步驟三: 打開想要預覽的項目所在文件夾的package.json文件,找到“scripts”
注意! 這里, 根據vue-cli版本不同,①vue-cli3以及4的運行調試命令為:“npm run serve”,在“serve”中添加 --host 192.168.x.x。②vue-cli2的運行調試命令為:“npm run dev”,則在“dev”中添加 --host 192.168.x.x。
步驟四: 保存,重新運行
步驟五:在手機瀏覽器中輸入Network網址即可預覽該APP項目的效果