vue 移動端項目用手機預覽調試


第一步:手機要和電腦同時連接同一個wifi,或者局域網

    1、筆記本的話可以開一個移動熱點,手機連接筆記本的移動熱點;或者手機開一個移動熱點,筆記本電腦連接手機的移動熱點

     2、台式電腦的話和手機同時連接一個路由器,使用同一個wifi

 

第二步:查看電腦連接的IPV4地址

   1、快捷鍵windows + R,輸入cmd,打開dos窗口,輸入ipconfig,會顯示IPV4地址

               

     2、windows10系統電腦 ,直接在左下角搜索框中輸入cmd,回車就會調出dos窗口,然后也是輸入ipconfig 

               

 

 

 

 

第三步:在vue項目中找到config文件下的index.js文件;config---->index.js  (這是vue2項目的配置)

 

 

 

 把host改為查出來的IPv4地址,比如 host:“172.20.29.169“  

 port端口號改不改無所謂

 

vue3項目中沒有上述的文件,會在根目錄下有個vue.config.js文件,在devServer:{ }中修改host:就可

 

 

 

第四步:重啟項目,在手機瀏覽器中輸入地址即可

如果不想手動輸入地址,可以把地址放在草料二維碼中,生成二維碼,手機掃碼即可

草料二維碼網址:https://cli.im/

 

 

友情提示:如果掃碼沒出來的話,記得清楚手機一下緩存,微信、瀏覽器掃碼都可以,只要沒出來,都分別清理一下緩存

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM