成功在手機上真機測試vue項目

      昨天在手機上真機測試這幾天寫的vue移動端項目,先嚐試下載iTools,iTools是一款專業的設備管理助手,我的手機是OPPOR9,根據查閱資料,使用USB線連接電腦和手機,然後itools會出現手機具體的操作步驟,手機型不一樣操作也不一樣,這得根據自己的手機來,我按照說明一步步來,操作完之後,會發現手機最上方有(程序員開發模式),這幾個字記得不太清楚。把所有的步驟都操作完之後,還提示我在手機上下載驅動,但我手機剛好近期有點毛病,不能下載,只好放棄這方法。

    又嘗試另一種方式,這種比第一次操作起來更簡單,下面介紹:

1.在項目下找config文件夾下的index.js修改主機,把localhost改0.0.0.0,下面配圖

2.修改完之後,cnpm start 重啓項目,再也不是localhost:8080,而是http://0.0.0.0:8080

3.window+r 輸入cmd  在cmd命令窗口執行ipconfig,查看個人本機IP

知道本地IP後,  在手機端打開瀏覽器地址欄輸入本地IP:8080,比如http://172.16.101.1:8080

提醒一下,手機和電腦一定要在同一個局域網,我是用自己電腦開免費WiFi,用手機連接,這樣手機和電腦在同一個局域網了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章