这是我参与8月更文挑战的第12天，活动详情查看：8月更文挑战
前言
大家好哇，今天我们来谈谈在局域网下通过ip地址访问vue本地项目相关的问题。另外提前说明哦，这是一篇基础类的文章，比较适合小小白阅读，因为文章内容来源于我刚入行时的笔记。各位高人请绕道，谢谢~
提前说明：此文对应的vue及vue-cli对应的版本均为2.x。
在我们开发的过程中，项目运行在本地，一般地址都是localhost:8080，那么别人如果想看一下效果，难道只能在我们自己的电脑上看吗？
非也非也，只需小小的几步配置，我们就能让处于同一个网络下的同事来访问我们的项目啦！
一、配置指定本地ip的HOST
首先我们要获取本机的ip地址，然后找到：build>>webpack.dev.conf.js
把const HOST = process.env.HOST修改为：
const HOST = '192.168.1.139'
（192.168.1.139是本地电脑的ip地址）
二、修改打包命令默认启动ip
找到：package.json
把"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
修改为：
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"
三、修改localhost
找到config>>index.js
把host: 'localhost' 修改为：
host: '0.0.0.0'
四、关闭防火墙
相信经过上面三步，基本都能通过ip地址访问vue本地项目了，如果还有不可以的小伙伴，可以检查一下是不是防火墙搞的鬼。这里我们只需要把局域网防火墙、网络防火墙都给关闭掉，别人就可以通过ip访问我们的项目啦。
相信这四步操作下来，在局域网内，大家百分百能通过ip访问自己项目啦！
当然啦，现在vue-cli3之后几乎不会再遇到这样的问题了，我们启动的项目默认就会有两个访问地址，其中一个就是同网络下通过ip地址来访问。不过还是记录一下这个问题，毕竟这也是成长路上的一小步。
后记
你好哇，我是南极大冰块，一个技术与颜值成正比的前端工程师，崇尚一针见血的搞定前端问题，希望我的博客有帮助到了你。
关注我，前端路途一起走。嘿哈~😛
