移動端專案如何在手機上檢視效果

2022-05-07 15:06:10 字數 542 閱讀 1878

很多時候我們需要在真機上除錯,進行**的維護修改,如何在手機上檢視呢?

我們拿vue來說,

1.在vue的config/index.js檔案中我們可以看到專案啟動的乙個埠號

上圖網域名稱是我進行修改後的,大家開啟後應該會預設顯示localhost

2.window+r,輸入cmd進入控制台,然後輸入命令ipconfig/all 回車,我們可以看到自己電腦的一些ip資訊

然後將上圖中ipv4位址進行複製將config/index.js中網域名稱修改為該網域名稱,然後在專案中輸入ctrl+y   yes 回車

然後npm run dev對專案進行重啟,專案重啟後,我們通過草料***生成圖(將專案的位址複製貼上,生成***

不過需要注意的是,我們的pc電腦所連線的網路必須和手機在統一網段內。

vue cli 移動端專案如何在手機上除錯預覽

這裡分享下如何在webpack工具構建下的vue專案,在手機端除錯和預覽,言歸正傳。1.電腦和手機連線到同乙個wifi a.台式電腦和手機同時鏈結乙個路由器,使用同乙個wifi b.筆記本也可以直接啟用乙個wifi,手機鏈結筆記本wifi也可以 2.查詢本地ip位址 win r,輸入cmd回車,開啟...

在手機上檢視vue專案

用vue cli構建的專案有時候有些功能需要在手機上測試,比如上傳的時候呼叫手機拍照功能或者檢視相簿的功能,這個時候就要用到手機測試了,那麼如何在手機上檢視測試vue cli構建的專案?今天就寫一寫具體步驟。2 得到ipv4值,用該值替換localhost 例如 localhost 8080 替換成...

Vue如何在手機上除錯

local http localhost 18080 連線本地 network 網路連線,這個會經常存在訪問不了,不推薦使用 這個cmd命令的意思是 android允許我們通過adb,把android上的某個埠對映到電腦 adb forward 或者把電腦的某個埠對映到android系統 adb r...