完美解決通過(guò)IP地址訪問(wèn)VUE項(xiàng)目的問(wèn)題
第一步
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)先級(jí)高，這里第二步的host可以不設(shè)置，vue默認(rèn)執(zhí)行第一步的設(shè)置
3.查看開(kāi)發(fā)機(jī)的ip地址，并告訴給其他小伙伴，還有端口號(hào)
補(bǔ)充知識(shí)：vue項(xiàng)目通過(guò)本地ip實(shí)現(xiàn)真機(jī)調(diào)試
使用webpack打包后
cmd 輸入 IPCONFIG 拿這個(gè)地址
然后去package.json 在dev里面輸入 你的ip
然后npm run dev 運(yùn)行即刻
你的電腦 鏈接的wifi 需要和別人想訪問(wèn)的設(shè)備鏈接的wifi 一致 否則ip不一致無(wú)法調(diào)試
以上這篇完美解決通過(guò)IP地址訪問(wèn)VUE項(xiàng)目的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue element-ui el-tooltip組件失效問(wèn)題及解決
這篇文章主要介紹了vue element-ui el-tooltip組件失效問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue.js路由實(shí)現(xiàn)選項(xiàng)卡簡(jiǎn)單實(shí)例
這篇文章主要為大家詳細(xì)介紹了Vue.js路由實(shí)現(xiàn)選項(xiàng)卡簡(jiǎn)單實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
VUE el-tree組件左邊勾選，右邊清除交互問(wèn)題
這篇文章主要介紹了VUE el-tree組件左邊勾選，右邊清除交互問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2023-04-04
由于一些演示需要對(duì)一些簡(jiǎn)單頁(yè)面進(jìn)行配置,由于打包build后的vue項(xiàng)目基本已經(jīng)看不出原樣,因此需要?jiǎng)?chuàng)建一個(gè)文件,并在打包的時(shí)候不會(huì)進(jìn)行編譯,所以文件放在public,這篇文章主要給大家介紹了關(guān)于vue引用public文件夾中文件的多種方式,需要的朋友可以參考下2024-02-02
vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法
actions用來(lái)處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關(guān)于vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
淺談VueJS SSR 后端繪制內(nèi)存泄漏的相關(guān)解決經(jīng)驗(yàn)
這次我想給大家介紹的內(nèi)存泄漏的定位方法，并非工具的使用。而是一些經(jīng)驗(yàn)的總結(jié)，也就是我所知道的 VueJS SSR 中最容易出現(xiàn)內(nèi)存泄漏的地方，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-12-12
vue?實(shí)現(xiàn)列表跳轉(zhuǎn)至詳情且能添加至購(gòu)物車(chē)功能
列表頁(yè)面顯示數(shù)據(jù)，點(diǎn)擊跳轉(zhuǎn)到對(duì)應(yīng)的詳情頁(yè)，詳情頁(yè)可以添加并跳轉(zhuǎn)到購(gòu)物車(chē)，購(gòu)物車(chē)具有常見(jiàn)功能，這篇文章主要介紹了vue?實(shí)現(xiàn)列表跳轉(zhuǎn)至詳情且能添加至購(gòu)物車(chē),需要的朋友可以參考下2022-10-10
Vue中嵌入可浮動(dòng)的第三方網(wǎng)頁(yè)窗口的示例詳解
本文介紹了在Vue2項(xiàng)目中嵌入可浮動(dòng)的第三方網(wǎng)頁(yè)窗口的實(shí)現(xiàn)方法,包括使用iframe、div+script和dialog元素等方式,并提供了一個(gè)實(shí)戰(zhàn)Demo,展示了如何在Vue組件中動(dòng)態(tài)加載和控制浮窗的顯示,需要的朋友可以參考下2025-02-02
我們?cè)陂_(kāi)發(fā)過(guò)程中，有時(shí)會(huì)遇到后端返回的文件地址和我們的網(wǎng)站不是同源的情況下，本文就介紹了vue如何根據(jù)url下載非同源文件，感興趣的可以了解一下2021-06-06
Vue在echarts?tooltip中添加點(diǎn)擊事件案例詳解
本文主要介紹了Vue項(xiàng)目中在echarts?tooltip添加點(diǎn)擊事件的案例詳解，代碼具有一定的價(jià)值，感興趣的小伙伴可以來(lái)學(xué)習(xí)一下2021-11-11