vue-cli啟動本地服務(wù)局域網(wǎng)不能訪問的原因分析
1.問題描述：
本地vue-cli啟動了一個項目只能通過localhost:8080訪問到，同一局域網(wǎng)下其他的手機和電腦并不能通過ip地址訪問調(diào)試，
2.原因：vue-cli項目是通過命令行一鍵生成的，配置文件中默認(rèn)生成的是本地調(diào)試模式，默認(rèn)訪問地址是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就訪問不了，期初我以為是代理的原因，將電腦的代理給關(guān)掉了。還是不行，然后改為127.0.0.1訪問，發(fā)現(xiàn)可以訪問，用0.0.0.0訪問也可以，就是ip不行。然后就各種google，百度。別人家的方法---都試了好多，發(fā)現(xiàn)沒效（有點懷疑人生，懷疑是不是我電腦的問題），但是結(jié)果就在這，ip就是不可以訪問?。。?！
本著一個程序員的本能--不解決這個bug，誓不罷休的精神。我開始看自己的build文件， config文件。最終找到了根源----在config里面的index.js里面的module.exports下面的dev下面的host:'localhost' 改為 host:'0.0.0.0',就可以訪問啦！?。∪缓箝_心愉快的開始碼代碼！
總結(jié)
以上所述是小編給大家介紹的vue-cli啟動本地服務(wù)局域網(wǎng)不能訪問不的原因分析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
vue中keep-alive組件實現(xiàn)多級嵌套路由的緩存
本文主要介紹了vue中keep-alive組件實現(xiàn)多級嵌套路由的緩存，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vue引入jquery時報錯 $ is not defined的問題及解決
這篇文章主要介紹了vue引入jquery時報錯 $ is not defined的問題及解決，具有很好的參考價值，希望對大家有所幫助。2022-09-09
Vue中mintui的field實現(xiàn)blur和focus事件的方法
今天小編就為大家分享一篇Vue中mintui的field實現(xiàn)blur和focus事件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
讓axios發(fā)送表單請求形式的鍵值對post數(shù)據(jù)的實例
今天小編就為大家分享一篇讓axios發(fā)送表單請求形式的鍵值對post數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
下面小編就為大家分享一篇vue中動態(tài)綁定表單元素的屬性方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
本篇文章主要介紹了詳解vue 模版組件的三種用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細(xì)介紹了vue+axios+java實現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
vue監(jiān)聽鍵盤事件的相關(guān)總結(jié)
這篇文章主要介紹了vue監(jiān)聽鍵盤事件的相關(guān)總結(jié)，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
最近的數(shù)據(jù)統(tǒng)計項目中要用到中國地圖，也就是在地圖上動態(tài)的顯示某個時間段某個省份地區(qū)的統(tǒng)計數(shù)據(jù)，我們不需要flash，僅僅依靠raphael.js以及SVG圖像就可以完成地圖的交互操作。本文就給大家介紹了關(guān)于利用vue集成raphael.js中國地圖的相關(guān)資料，需要的朋友可以參考下。2017-08-08
隨著移動互聯(lián)網(wǎng)的發(fā)展,移動端app的使用越來越普及,而對于開發(fā)者來說如何設(shè)計一款簡單易用的app是一項不容忽視的工作,其中登錄頁面是app使用過程中最基礎(chǔ)的組成部分之一,這篇文章主要給大家介紹了關(guān)于用uniapp寫一個好看的登錄頁面的相關(guān)資料,需要的朋友可以參考下2024-03-03