vue-cli启动本地服务局域网不能访问的原因分析


Posted in Javascript onJanuary 22, 2018

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

Javascript 相关文章推荐
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
Jan 23 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 Javascript
node中的cookie的具体使用
Sep 13 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
微信小程序实现电影App导航和轮播
Nov 30 Javascript
一道JS算法面试题——冒泡、选择排序
Apr 21 Javascript
webpack引入eslint配置详解
Jan 22 #Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 #jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 #jQuery
JavaScript中EventLoop介绍
Jan 22 #Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 #Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 #Javascript
vue 项目常用加载器及配置详解
Jan 22 #Javascript
You might like
php Smarty 字符比较代码
2011/02/27 PHP
PHP中其实也可以用方法链
2011/11/10 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
javascript克隆对象深度介绍
2012/11/20 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
npm qs模块使用详解
2020/02/07 Javascript
[05:49]2014DOTA2TI4正赛第二日综述 昔日冠军纷纷落马 VG LGD占尽先机
2014/07/20 DOTA
Django卸载之后重新安装的方法
2017/03/15 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
澳大利亚相机之家:Camera House
2017/11/30 全球购物
数控专业推荐信范文
2013/12/02 职场文书
理工科学生的自我评价
2013/12/15 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
幸福家庭标语
2014/06/27 职场文书
政协调研汇报材料
2014/08/15 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
人民检察院起诉书
2015/05/20 职场文书
四年级语文教学反思
2016/03/03 职场文书
对Keras自带Loss Function的深入研究
2021/05/25 Python
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python