vue-cli啟動本地服務區域網路不能訪問的原因分析，vue-cli原因分析

vue-cli啟動本地服務區域網路不能訪問的原因分析，vue-cli原因分析

1.問題描述：

     本地vue-cli啟動了一個項目只能通過localhost:8080訪問到，同一區域網路下其他的手機和電腦並不能通過ip地址訪問調試，

2.原因：vue-cli項目是通過命令列一鍵產生的，設定檔中預設產生的是本地偵錯模式，預設訪問地址是localhost:連接埠號碼

3.改正的方式

    找到config檔案夾下的index.js檔案,修改host:“localhost”為 host:"0.0.0.0",此時同一區域網路下的手機和其他電腦能通過ip查看到頁面

PS：下面看下vue-cli起的webpack項目 用localhost可以訪問，但是切換到ip就不可以訪問

我用的是vux起的一個項目（移動端，基於vue的），因為是移動端的，需要在手機上測試，發現用http://localhost:8081/訪問的挺好的，但是換到ip就訪問不了，期初我以為是代理的原因，將電腦的代理給關掉了。還是不行，然後改為127.0.0.1訪問，發現可以訪問，用0.0.0.0訪問也可以，就是ip不行。然後就各種google，百度。別人家的方法---都試了好多，發現沒效（有點懷疑人生，懷疑是不是我電腦的問題），但是結果就在這，ip就是不可以訪問！！！！

      本著一個程式員的本能--不解決這個bug，誓不罷休的精神。我開始看自己的build檔案， config檔案。最終找到了根源----在config裡面的index.js裡面的module.exports下面的dev下面的host:'localhost' 改為 host:'0.0.0.0',就可以訪問啦！！！然後開心愉快的開始碼代碼！

總結

以上所述是小編給大家介紹的vue-cli啟動本地服務區域網路不能訪問不的原因分析，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！