這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
vue.js學習之 如何在手機上查看vue cli構建的項目 一:找到config文件夾下的index.js文件,打開后,將host的值改為你本地的ip,保存后重啟項目 二:輸入ip和端口號打開項目 三:將地址復制,使用二維碼轉換工具 草料二維碼 生成二維碼后,使用手機掃描,就可以查看了。 注意:掃描后瀏覽器會有一個提示信息,點擊訪問原網頁就行了 后續更新: 更新,新版vue cli,部分手機瀏覽 ...
2017-12-05 09:12 3 6532 推薦指數:
這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
在package.json中的dev屬性中添加--host ip地址即可 訪問方法: http://192.168.31.253:8080/#/seller 帶二維碼的瀏覽器手機直接掃描即可,不帶二維碼的瀏覽器 百度草料二維碼直接把網址放進去生成二維碼再掃描即可 ...
1.查看電腦ip windows系統:終端輸入ipconfig,找到IPv4地址 mac系統:終端輸入ifconfig,找到inet 2.修改項目配置 項目中找到webpack.config.js文件,將host地址改為電腦的ip地址,(以mac系統地 ...
首先我們需要更改config文件 拿我這個項目舉例子,config文件下的index.js內的dev下的host需要更改為自己的電腦IP 其次,重點來了,我們需要更改路徑,細節的為什么我還解釋不來,簡單來說就是加個點,從根目錄開始變為從當前目錄開始: 如圖,build下 ...
打開cmd 輸入ipconfig 找到ipv4 對應的IP地址 復制到vue項目中的config/index.js中的host 在npm run dev就可以把鏈接復制在手機上查看了 ...
很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢? 我們拿vue來說, 1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號 上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost ...
項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目: 步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP; 步驟二: 將ipv4地址復制下來 ---> 192.168.x.x 步驟三: 打開想要預覽的項目所在文件夾 ...
使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的! 1、打開項目的package.json文件,修改里面的script里面的dev ...