解决vue-cli项目无法用本机IP访问的问题【VUE】

所遇问题启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果
原因分析在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。

文章图片

于是这里我们去查看config.dev.host。在我们的config目录下有一个index.js, 找到dev对象的host属性

文章图片

发现该版本的vue-cli将host主机名定义为localhost, 从而导致了本地IP不能访问服务。
解决办法 【解决vue-cli项目无法用本机IP访问的问题】将host重新定义为：0.0.0.0即可, 然后重启服务，发现localhost、127.0.0.1、本地IP均能正常访问，这样就可以用手机来预览效果啦

host: '0.0.0.0'

解决vue-cli项目无法用本机IP访问的问题

推荐阅读

三国志战略版郭嘉搭配推荐 S3强力辅助郭嘉阵容一览

海尔冰箱双开门故障

冻虾多长时间就不能吃了

冰箱顶上能放东西吗？冰箱顶部是否适合存放物品？

做电商需要营业执照吗电商需要什么样的营业执照，个人电商申请营业执照

每晚一个睡前故事7—七横八吊九盘树，阎王背上蛇缠腰

家访心得体会短语20字家访心得体会500字

redis的序列化和反序列化序列化存入redis

在我国古代历史上使用方天画戟的都有谁？

用户需求分析案例,如何进行用户需求分析

怎么用化妆海绵上妆

如果将许褚、关羽、张辽、吕布、孙策关在一个密室里面,谁会赢？

何小萍原型

云南大学研究生院调剂，云南大学研究生院调剂135108

安卓蓝牙调试助手源码,手机游戏怎么玩?

如何在Linux中使用Modprobe命令（用法示例指南）

华为b19是什么型号华为b19的型号是什么

自制蜂蜜补水面膜的做法

我会用筷子啦

苏州中考提前批次录取时间高考提前批次录取时间