vue中的H5移動端項目?真機(jī)測試配置方式
更新時間：2022年09月05日 14:37:20 作者：碼農(nóng)鍵盤上的夢
這篇文章主要介紹了vue中的H5移動端項目?真機(jī)測試配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
H5移動端項目 真機(jī)測試配置
vue cli2
1.配置網(wǎng)段：(手機(jī)和電腦在同一局域網(wǎng)內(nèi))
2.在項目中重啟命令行(或者cmd)運行 ipconfig 獲取到項目在本機(jī)運行的ip地址
3.關(guān)閉防火墻
4.前端:config文件夾下index.js文件
修改host:為0.0.0.0
修改
axios.defaultsbaseURl = “http://172.20.10.9:8082”
5.后臺:indexurl切換為同一局域網(wǎng)的IP地址
6.重啟前后端項目手機(jī)輸入項目地址真機(jī)測試!
vue cli4
1.在項目中重啟命令行運行ipconfig（如果是ios系統(tǒng)運行ifconfig）獲取到項目在本機(jī)運行的ip地址
2.在項目的package.json中修改允許訪問ip地址（--host 0.0.0.0）
"dev":?"webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
3.在手機(jī)端打開該ip地址就可以在手機(jī)上運行了
http://192.168.1.107:5050/#/
vue h5 真機(jī)調(diào)試
下載
npm install vconsole
直接在頁面引用
import VConsole from "vconsole"; let vConsole = new VConsole();
正常使用console
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue Router實現(xiàn)多層嵌套路由的導(dǎo)航的詳細(xì)指南
在 Vue 應(yīng)用中,使用 Vue Router 可以輕松實現(xiàn)多層嵌套路由的導(dǎo)航,嵌套路由允許你創(chuàng)建一個多層次的 URL 結(jié)構(gòu),這在構(gòu)建具有復(fù)雜導(dǎo)航結(jié)構(gòu)的應(yīng)用程序時非常有用,需要的朋友可以參考下2024-10-10
這篇文章主要給大家介紹了關(guān)于vue中axios封裝使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
Vue動態(tài)設(shè)置圖片時src不生效的原因及解決方法
這篇文章主要介紹了Vue動態(tài)設(shè)置圖片時src不生效的原因及解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
Vue3使用video-player實現(xiàn)視頻播放
video-player是一個基于video.js的視頻播放器組件,本文主要介紹了Vue3使用video-player實現(xiàn)視頻播放,具有一定的參考價值,感興趣的可以了解一下2024-01-01
這篇文章主要介紹了vue組件開發(fā)props驗證的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
本文將深入探討計算屬性未生效的常見原因,并提供排查和解決方法,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
談?wù)刅UE種methods watch和compute的區(qū)別和聯(lián)系
本篇文章主要介紹了談?wù)刅UE種methods watch和compute的區(qū)別和聯(lián)系，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了ElementUI下拉框選擇后不顯示值問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決
這篇文章主要介紹了VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
el-date-picker設(shè)置日期默認(rèn)值兩種方法(當(dāng)月月初至月末)
這篇文章主要給大家介紹了關(guān)于el-date-picker設(shè)置日期默認(rèn)值(當(dāng)月月初至月末)的相關(guān)資料,文中通過代碼示例將解決的辦法介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08