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