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 相关文章推荐
jQuery使用手册之一
Mar 24 Javascript
JavaScript 三种不同位置代码的写法
Oct 25 Javascript
解析使用JS 清空File控件的路径值
Jul 08 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
vue:el-input输入时限制输入的类型操作
Aug 05 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 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中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
jQuery源码解读之removeAttr()方法分析
2015/02/20 Javascript
javascript 动态修改css样式方法汇总(四种方法)
2015/08/27 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
vue实现app页面切换动画效果实例
2017/05/23 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
Node.js使用Koa搭建 基础项目
2018/01/08 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
Node.js API详解之 timer模块用法实例分析
2020/05/07 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
Python字符串格式化输出方法分析
2016/04/13 Python
Django中的Model操作表的实现
2018/07/24 Python
Python3数字求和的实例
2019/02/19 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Django 开发环境配置过程详解
2019/07/18 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
python轮询机制控制led实例
2020/05/03 Python
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
C语言笔试题回忆
2015/04/02 面试题
北京英语导游词
2015/02/12 职场文书
离婚代理词范文
2015/05/23 职场文书
在Django中使用MQTT的方法
2021/05/10 Python