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