Vue踩坑日记:VUE启动端口问题

今天跑项目时出现了一个小问题，启动没问题，给出来的连接失效了。

一般来说我们默认都是用的localhost:8080的端口，但是今天突然这个端口失效了，一脸懵的跑到度娘那去问，有说端口问题的，有说hosts文件问题的。跟一前端朋友讨论了一阵，到了最后才发现是项目启动端口被占用了。

需要更改一下webpack的端口配置。

1.Vue项目里config文件夹中的index.js页面更改下port:端口

2.package.json页面 更改端口（两个页面的端口要同步）

这样问题基本上就能解决了。

详情参考:https://www.cnblogs.com/wssdx/p/12868280.html

总结：我发现当我的端口换了之后如果不开启自动打开热加载页面的话即使换了端口连接也是失效的不清楚为啥。