手機(移動端)本地真機調試vue項目或html頁面


需求:前端頁面要在手機上調試,前端項目在手機上展示

 
首先附上查找本地IP方法:

windows: 在cmd命令行輸入 'ipconfig',一般ipv4地址就是你的ip

mac:終端輸入  ifconfig | grep "inet" 

 

 

知道ip后接下來就是具體的做法:

1.一般 gulp 啟的服務器,可以在 gulpfile.js 文件中改為 ip 重啟

2. vue項目:

    在config/index.js 文件中,將host改為自己的ip地址(默認為localhost),然后重啟項目,手機上輸入ip+端口地址(比如:192.168.1.1:8080)就可以訪問了,前提是手機和電腦要在同一個網絡下!!!

 

 

tips:**打不開的話,有可能是防火牆攔截了,可以試試關閉防火牆。

    **其實還有個更強大的可以實現多端自動更新的方法,鏈接:https://www.cnblogs.com/wiliam/p/11378983.html


免責聲明!

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



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