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啟動本地服務局域網不能訪問不的原因分析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！