vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪(fǎng)問(wèn)的原因分析
1.問(wèn)題描述：
本地vue-cli啟動(dòng)了一個(gè)項(xiàng)目只能通過(guò)localhost:8080訪(fǎng)問(wèn)到，同一局域網(wǎng)下其他的手機(jī)和電腦并不能通過(guò)ip地址訪(fǎng)問(wèn)調(diào)試，
2.原因：vue-cli項(xiàng)目是通過(guò)命令行一鍵生成的，配置文件中默認(rèn)生成的是本地調(diào)試模式，默認(rèn)訪(fǎng)問(wèn)地址是localhost:端口號(hào)
3.改正的方式
找到config文件夾下的index.js文件,修改host:“l(fā)ocalhost”為 host:"0.0.0.0",此時(shí)同一局域網(wǎng)下的手機(jī)和其他電腦能通過(guò)ip查看到頁(yè)面
PS：下面看下vue-cli起的webpack項(xiàng)目 用localhost可以訪(fǎng)問(wèn)，但是切換到ip就不可以訪(fǎng)問(wèn)
我用的是vux起的一個(gè)項(xiàng)目（移動(dòng)端，基于vue的），因?yàn)槭且苿?dòng)端的，需要在手機(jī)上測(cè)試，發(fā)現(xiàn)用http://localhost:8081/訪(fǎng)問(wèn)的挺好的，但是換到ip就訪(fǎng)問(wèn)不了，期初我以為是代理的原因，將電腦的代理給關(guān)掉了。還是不行，然后改為127.0.0.1訪(fǎng)問(wèn)，發(fā)現(xiàn)可以訪(fǎng)問(wèn)，用0.0.0.0訪(fǎng)問(wèn)也可以，就是ip不行。然后就各種google，百度。別人家的方法---都試了好多，發(fā)現(xiàn)沒(méi)效（有點(diǎn)懷疑人生，懷疑是不是我電腦的問(wèn)題），但是結(jié)果就在這，ip就是不可以訪(fǎng)問(wèn)?。。?！
本著一個(gè)程序員的本能--不解決這個(gè)bug，誓不罷休的精神。我開(kāi)始看自己的build文件， config文件。最終找到了根源----在config里面的index.js里面的module.exports下面的dev下面的host:'localhost' 改為 host:'0.0.0.0',就可以訪(fǎng)問(wèn)啦！??！然后開(kāi)心愉快的開(kāi)始碼代碼！
總結(jié)
以上所述是小編給大家介紹的vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪(fǎng)問(wèn)不的原因分析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
關(guān)于Vue3中defineProps用法圖文詳解
在vue3中組件傳參有很多種方式,和v2大差不差,但是有的地方還是有很多的區(qū)別,下面這篇文章主要給大家介紹了關(guān)于Vue3中defineProps用法的相關(guān)資料,需要的朋友可以參考下2022-11-11
Vue render渲染時(shí)間戳轉(zhuǎn)時(shí)間,時(shí)間轉(zhuǎn)時(shí)間戳及渲染進(jìn)度條效果
這篇文章主要介紹了Vue render渲染時(shí)間戳轉(zhuǎn)時(shí)間,時(shí)間轉(zhuǎn)時(shí)間戳及渲染進(jìn)度條效果,通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
vue-router后臺(tái)鑒權(quán)流程實(shí)現(xiàn)
本文主要介紹了vue-router后臺(tái)鑒權(quán)流程實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要為大家介紹了vue?指令版富文本溢出省略截取示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
vue-drag-chart 拖動(dòng)/縮放圖表組件的實(shí)例代碼
這篇文章主要介紹了vue-drag-chart 拖動(dòng)/縮放的圖表組件的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-04-04
這篇文章主要為大家分享了vue開(kāi)發(fā)心得和技巧,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
vuex根據(jù)不同的用戶(hù)權(quán)限展示不同的路由列表功能
最近接到一個(gè)新的需求，要求將系統(tǒng)的用戶(hù)進(jìn)行分類(lèi)，用戶(hù)登陸后根據(jù)不同的用戶(hù)權(quán)限展示不同的功能列表。這篇文章主要介紹了vuex根據(jù)不同的用戶(hù)權(quán)限展示不同的路由列表,需要的朋友可以參考下2019-09-09
這篇文章主要為大家介紹了一款mapbox gl開(kāi)箱即用的地圖引擎庫(kù)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue實(shí)現(xiàn)添加與刪除圖書(shū)功能
這篇文章主要介紹了vue實(shí)現(xiàn)添加與刪除圖書(shū)功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
Vue使用Pinia輕松實(shí)現(xiàn)狀態(tài)管理
pinia，一個(gè)基于Vue3的狀態(tài)管理庫(kù)，它可以幫助開(kāi)發(fā)人員管理Vue應(yīng)用程序的狀態(tài)，本文主要為大家介紹了Pinia的用法，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06