vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問(wèn)的原因分析

1.問(wèn)題描述：

     本地vue-cli啟動(dòng)了一個(gè)項(xiàng)目只能通過(guò)localhost:8080訪問(wèn)到，同一局域網(wǎng)下其他的手機(jī)和電腦并不能通過(guò)ip地址訪問(wèn)調(diào)試，

2.原因：vue-cli項(xiàng)目是通過(guò)命令行一鍵生成的，配置文件中默認(rèn)生成的是本地調(diào)試模式，默認(rèn)訪問(wèn)地址是localhost:端口號(hào)

3.改正的方式

    找到config文件夾下的index.js文件,修改host:“l(fā)ocalhost”為 host:"0.0.0.0",此時(shí)同一局域網(wǎng)下的手機(jī)和其他電腦能通過(guò)ip查看到頁(yè)面

PS：下面看下vue-cli起的webpack項(xiàng)目 用localhost可以訪問(wèn)，但是切換到ip就不可以訪問(wèn)

我用的是vux起的一個(gè)項(xiàng)目（移動(dòng)端，基于vue的），因?yàn)槭且苿?dòng)端的，需要在手機(jī)上測(cè)試，發(fā)現(xiàn)用http://localhost:8081/訪問(wèn)的挺好的，但是換到ip就訪問(wèn)不了，期初我以為是代理的原因，將電腦的代理給關(guān)掉了。還是不行，然后改為127.0.0.1訪問(wèn)，發(fā)現(xiàn)可以訪問(wèn)，用0.0.0.0訪問(wèn)也可以，就是ip不行。然后就各種google，百度。別人家的方法---都試了好多，發(fā)現(xiàn)沒(méi)效（有點(diǎn)懷疑人生，懷疑是不是我電腦的問(wèn)題），但是結(jié)果就在這，ip就是不可以訪問(wèn)！?。?！

      本著一個(gè)程序員的本能--不解決這個(gè)bug，誓不罷休的精神。我開(kāi)始看自己的build文件， config文件。最終找到了根源----在config里面的index.js里面的module.exports下面的dev下面的host:'localhost' 改為 host:'0.0.0.0',就可以訪問(wèn)啦?。?！然后開(kāi)心愉快的開(kāi)始碼代碼！

總結(jié)

以上所述是小編給大家介紹的vue-cli啟動(dòng)本地服務(wù)局域網(wǎng)不能訪問(wèn)不的原因分析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！