原文:vue.js學習之 如何在手機上查看vue-cli構建的項目

vue.js學習之 如何在手機上查看vue cli構建的項目 一:找到config文件夾下的index.js文件,打開后,將host的值改為你本地的ip,保存后重啟項目 二:輸入ip和端口號打開項目 三:將地址復制,使用二維碼轉換工具 草料二維碼 生成二維碼后,使用手機掃描,就可以查看了。 注意:掃描后瀏覽器會有一個提示信息,點擊訪問原網頁就行了 后續更新: 更新,新版vue cli,部分手機瀏覽 ...

2017-12-05 09:12 3 6532 推薦指數:

查看詳情

vue-cli 移動端項目何在手機上調試預覽

這里分享下如何在webpack工具構建下的vue項目在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...

Fri Oct 25 18:35:00 CST 2019 0 1374
vue項目何在手機上測試

在package.json中的dev屬性中添加--host ip地址即可 訪問方法: http://192.168.31.253:8080/#/seller 帶二維碼的瀏覽器手機直接掃描即可,不帶二維碼的瀏覽器 百度草料二維碼直接把網址放進去生成二維碼再掃描即可 ...

Sat Aug 31 21:59:00 CST 2019 0 398
本地H5頁面(vue項目)如何在手機上查看

1.查看電腦ip   windows系統:終端輸入ipconfig,找到IPv4地址        mac系統:終端輸入ifconfig,找到inet       2.修改項目配置   項目中找到webpack.config.js文件,將host地址改為電腦的ip地址,(以mac系統地 ...

Thu May 13 19:41:00 CST 2021 0 2021
vue-cli 手機上瀏覽自己的項目

首先我們需要更改config文件 拿我這個項目舉例子,config文件下的index.js內的dev下的host需要更改為自己的電腦IP 其次,重點來了,我們需要更改路徑,細節的為什么我還解釋不來,簡單來說就是加個點,從根目錄開始變為從當前目錄開始: 如圖,build下 ...

Fri May 25 23:15:00 CST 2018 0 1032
vue項目怎么在手機上運行?

打開cmd 輸入ipconfig 找到ipv4 對應的IP地址 復制到vue項目中的config/index.js中的host 在npm run dev就可以把鏈接復制在手機上查看了 ...

Sat Mar 09 19:25:00 CST 2019 0 1651
移動端項目何在手機上查看效果

很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢? 我們拿vue來說, 1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號 上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost ...

Thu Aug 30 18:36:00 CST 2018 0 1261
Vue開發移動端APP項目何在手機上實時預覽效果

項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目: 步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP; 步驟二: 將ipv4地址復制下來 ---> 192.168.x.x 步驟三: 打開想要預覽的項目所在文件夾 ...

Sat May 23 17:56:00 CST 2020 1 2690
vue項目使用webpack構建的本地服務環境,在手機上訪問調試

使用vue手架構建項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的! 1、打開項目的package.json文件,修改里面的script里面的dev ...

Mon Apr 29 20:46:00 CST 2019 0 673
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM