完美解決通過IP地址訪問VUE項(xiàng)目的問題
第一步
1.將config里面的host設(shè)置成0.0.0.0
host: '0.0.0.0',
2.修改package.json
"scripts": {
"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
}
第一步和第二步都有ip，其實(shí)第二步優(yōu)先級高，這里第二步的host可以不設(shè)置，vue默認(rèn)執(zhí)行第一步的設(shè)置
3.查看開發(fā)機(jī)的ip地址，并告訴給其他小伙伴，還有端口號
補(bǔ)充知識：vue項(xiàng)目通過本地ip實(shí)現(xiàn)真機(jī)調(diào)試
使用webpack打包后
cmd 輸入 IPCONFIG 拿這個(gè)地址
然后去package.json 在dev里面輸入 你的ip
然后npm run dev 運(yùn)行即刻
你的電腦 鏈接的wifi 需要和別人想訪問的設(shè)備鏈接的wifi 一致 否則ip不一致無法調(diào)試
以上這篇完美解決通過IP地址訪問VUE項(xiàng)目的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
svg圖片在項(xiàng)目中使用的非常廣泛,下面這篇文章主要給大家介紹了關(guān)于vue3使用svg圖標(biāo)的多種方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
本文主要介紹了解決vue組件渲染沒更新數(shù)據(jù)問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
Vue中Layout內(nèi)部布局el-row、el-col的實(shí)現(xiàn)
layout是一種非常方便的布局方式,本文主要介紹了Vue中Layout內(nèi)部布局el-row、el-col的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-07-07
VUE3刷新頁面報(bào)錯(cuò)問題解決:Uncaught?SyntaxError:Unexpected?token?&apo
這篇文章主要介紹了VUE3刷新頁面報(bào)錯(cuò)：Uncaught?SyntaxError:?Unexpected?token?‘＜‘,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
Vue報(bào)錯(cuò)Component?name"Home"should?always?be?mult
這篇文章主要介紹了Vue報(bào)錯(cuò)Component?name"Home"should?always?be?multi問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要為大家詳細(xì)介紹了Vue數(shù)字輸入框組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
我們有時(shí)候會碰到這種情況，需要連續(xù)發(fā)送兩個(gè)請求，第二個(gè)請求需要用第一個(gè)請求的某個(gè)返回值作為參數(shù)來作為第二個(gè)請求的請求參數(shù)，這篇文章主要介紹了vue請求如何按順序執(zhí)行,需要的朋友可以參考下2023-12-12
Vue+Element實(shí)現(xiàn)動態(tài)生成新表單并添加驗(yàn)證功能
這篇文章主要介紹了Vue+Element實(shí)現(xiàn)動態(tài)生成新表單并添加驗(yàn)證功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
uniapp微信小程序使用webview嵌套u(yù)niappH5并實(shí)現(xiàn)通信詳細(xì)步驟
在開發(fā)微信小程序的時(shí)候,我們有時(shí)候會遇到將H5頁面嵌入到小程序頁面中的情況,這篇文章主要給大家介紹了關(guān)于uniapp微信小程序使用webview嵌套u(yù)niappH5并實(shí)現(xiàn)通信的詳細(xì)步驟,需要的朋友可以參考下2024-05-05
使用elementUI實(shí)現(xiàn)將圖片上傳到本地的示例
今天小編就為大家分享一篇使用elementUI實(shí)現(xiàn)將圖片上傳到本地的示例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09