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