原文:vue項目使用webpack構建的本地服務環境,在手機上訪問調試

使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的 打開項目的package.json文件,修改里面的script里面的dev 可以打開cmd控制台,輸入ipconfig,查看自己的電腦ip 修改好了之后本地電腦訪問要把之前網址的localhost換成自己的電腦 ...

2019-04-29 12:46 0 673 推薦指數:

查看詳情

如何在手機上訪問電腦web項目進行真機調試

有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 1.手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點 ...

Thu May 07 17:31:00 CST 2020 1 1545
如何在手機上調試本地項目

十天沒有寫文章了,居然還有點生,不知道該怎么開頭了。。尷尬。 今天來分享一個小技巧--如何在手機上調試本地項目。 相信很多開發小伙伴都對手機樣式調試比較頭疼,在電腦模擬器上寫好了 css 樣式一切簡直完美,但是到了手機上就是各種問題暴露。要是本地寫好的樣式可以直接到手機上去查看,豈不是美滋滋 ...

Tue Jul 28 18:29:00 CST 2020 0 483
vue移動端項目在手機上調試

1.電腦和手機要連同一個wifi 一定是復制無線網的IP,而不是以太網的IP 2.在你的電腦上查找無線網絡的ipv4地址:  查找方法:windows+r 然后再輸入框里輸入cmd 回車 會出現這樣: 然后輸入ipconfig 然后回車 你會看到一個ipv4的地址。復制這個地址 ...

Mon Nov 11 21:51:00 CST 2019 0 1229
vue項目怎么在手機上運行?

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

Sat Mar 09 19:25:00 CST 2019 0 1651
手機上訪問angular移動項目

要實現手機訪問本地開發的移動端項目,首先做到兩點: 1、本地打開的項目可以使用本地ip訪問 2、手機和電腦同時處於一個同一個局域網中(手機和電腦同時連上同一個wifi / 手機開熱點給電腦 / 電腦開wifi給手機連接) 如果做到以上兩點,那么恭喜你,就可以直接使用電腦ip在移動端訪問 ...

Sat Sep 14 18:15:00 CST 2019 0 562
vue.js學習之 如何在手機上查看vue-cli構建項目

vue.js學習之 如何在手機上查看vue-cli構建項目 一:找到config文件夾下的index.js文件,打開后,將host的值改為你本地的ip,保存后重啟項目 二:輸入ip和端口號打開項目 三:將地址復制,使用二維碼轉換工具(草料二維碼)生成二維碼后,使用手機掃描,就可以查看 ...

Tue Dec 05 17:12:00 CST 2017 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
本地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
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM