移動端項目如何在手機上查看效果


很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢?
我們拿vue來說,
1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號
上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost
2.window+R,輸入cmd進入控制台,然后輸入命令ipconfig/all 回車,我們可以看到自己電腦的一些ip信息
然后將上圖中iPv4地址進行復制將config/index.js中域名修改為該域名,然后在項目中輸入ctrl+y   yes 回車
然后npm run dev對項目進行重啟,項目重啟后,我們通過草料二維碼生成圖(https://cli.im/),將項目的地址復制粘貼,生成二維碼
然后通過手機掃描該二維碼就可以看到我們寫的項目
不過需要注意的是,我們的pc電腦所連接的網絡必須和手機在統一網段內。
至此總結完畢,還有什么疑問,歡迎留言,不懂得前端技術也可以留言哦,我們一起探討
 


免責聲明!

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



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