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启动本地服务局域网不能访问不的原因分析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对四海网网站的支持！

本文来自：http://www.q1010.com/184/4768-0.html

注：关于vue-cli启动本地服务局域网不能访问的原因分析的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js