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中的public和private对象,即static修饰符
Jan 18 Javascript
js控制表单奇偶行样式的简单方法
Jul 31 Javascript
js对象基础实例分析
Jan 13 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
Mar 07 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
PHP多态代码实例
2015/06/26 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
Javascript实现单例模式
2016/01/24 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
js运动事件函数详解
2016/10/21 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
template.js前端模板引擎使用详解
2017/10/10 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
2018/06/06 Javascript
RequireJS用法简单示例
2018/08/20 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Python出现segfault错误解决方法
2016/04/16 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
pytorch加载语音类自定义数据集的方法教程
2020/11/10 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
营业经理岗位职责
2013/11/10 职场文书
业务经理岗位职责
2013/11/11 职场文书
后勤人员岗位职责
2013/12/17 职场文书
员工培训心得体会
2013/12/30 职场文书
爱情保证书范文
2014/02/01 职场文书
2014年党员承诺书范文
2014/05/20 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python