vue中的H5移動端項目?真機測試配置方式
更新時間：2022年09月05日 14:37:20 作者：碼農(nóng)鍵盤上的夢
這篇文章主要介紹了vue中的H5移動端項目?真機測試配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
H5移動端項目 真機測試配置
vue cli2
1.配置網(wǎng)段：(手機和電腦在同一局域網(wǎng)內(nèi))
2.在項目中重啟命令行(或者cmd)運行 ipconfig 獲取到項目在本機運行的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.重啟前后端項目手機輸入項目地址真機測試!
vue cli4
1.在項目中重啟命令行運行ipconfig（如果是ios系統(tǒng)運行ifconfig）獲取到項目在本機運行的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.在手機端打開該ip地址就可以在手機上運行了
http://192.168.1.107:5050/#/
vue h5 真機調(diào)試
下載
npm install vconsole
直接在頁面引用
import VConsole from "vconsole"; let vConsole = new VConsole();
正常使用console
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue 使用Jade模板寫html,stylus寫css的方法
這篇文章主要介紹了vue 使用Jade模板寫html，stylus寫css的方法,文中還給大家提到了使用jade注意事項，需要的朋友可以參考下2018-02-02
詳解Vue3.0 + TypeScript + Vite初體驗
這篇文章主要介紹了詳解Vue3.0 + TypeScript + Vite初體驗，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
在 vue-cli v3.0 中使用 SCSS/SASS的方法
關(guān)于如何在 vue-cli v3.0 中使用 SCSS/SASS，這里提供三種方案。感興趣的朋友通過本文一起學習吧2018-06-06
Vue.js中用webpack合并打包多個組件并實現(xiàn)按需加載
對于現(xiàn)在前端插件的頻繁更新，我也是無力吐槽，但是既然入了前端的坑就得認嘛，所以多多少少要對組件化有點了解，下面這篇文章主要給大家介紹了在Vue.js中用webpack合并打包多個組件并實現(xiàn)按需加載的相關(guān)資料，需要的朋友可以參考下。2017-02-02
Vue.js中關(guān)于偵聽器（watch）的高級用法示例
Vue.js 提供了一個方法 watch，它用于觀察Vue實例上的數(shù)據(jù)變動。下面這篇文章主要給大家介紹了關(guān)于Vue.js中關(guān)于偵聽器（watch）的高級用法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-05-05
vue中element 的upload組件發(fā)送請求給后端操作
這篇文章主要介紹了vue中element 的upload組件發(fā)送請求給后端操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
在vue中使用inheritAttrs實現(xiàn)組件的擴展性介紹
這篇文章主要介紹了在vue中使用inheritAttrs實現(xiàn)組件的擴展性介紹，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12
在Vue中,渲染函數(shù)是一種用于動態(tài)生成組件的函數(shù),可以將組件的模板代碼編寫為JavaScript代碼,并在運行時進行渲染,下面我們就來看看它的具體用法吧2023-08-08
這篇文章主要介紹了keep-alive不能緩存多層級路由菜單問題解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要給大家分享的是Vue組件傳值的幾種常用方式，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-09-09