溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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啟動本地服務局域網不能訪問不的原因分析，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
