在手機上檢視vue專案

2021-09-22 14:01:54 字數 465 閱讀 5900

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

2:得到ipv4值, 用該值替換localhost

例如 localhost:8080 替換成 192.168.1.101:8080

3:找到config資料夾下的index.js檔案,開啟後,將host的值改為我本地的ip,儲存後重啟專案

此時的訪問鏈結為:

例如:/#/adjustintegrals(當我本機執行專案的時候,本鏈結可直接訪問)

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

很多時候我們需要在真機上除錯,進行 的維護修改,如何在手機上檢視呢?我們拿vue來說,1.在vue的config index.js檔案中我們可以看到專案啟動的乙個埠號 上圖網域名稱是我進行修改後的,大家開啟後應該會預設顯示localhost 2.window r,輸入cmd進入控制台,然後輸入命令i...

Vue如何在手機上除錯

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

在手機上輕鬆安裝 Ubuntu Touch OS

ubuntufun.de 的 marius quabeck 開發了乙個名為 magic device tool 的新工具,可以使用它在你的手機上輕鬆地安裝 ubuntu touch 移動作業系統。這個工具剛剛發布了第乙個穩定版本 magic device tool 1.0,現在任何人都可以用它將 u...