[前端]前端项目,重启项目端口号改变的问题

前端项目会通过npm run serve 这个命令来启动项目, 但终止项目之后, 再重启会导致端口号发生改变.
环境配置:

排查问题

1. 是否端口号被占用. 首先我们通过lsof -i: [端口号] 来查看当前端口是否被占用
   Example:
   lsof -i:8080
   
   如果端口号被占用kill -9 [pid] Example:kill -9 1729, 然后再次调用lsof -i:[端口号] 去查看是否这个端口已经被释放了. 以上操作结束之后再重启项目, 看看端口号是否变回你设置的初始端口号, 一般是 8080
2. ctrl+c 与 ctrl+z. 在前端项目中, 一般在项目中的 terminal 来启动项目, 如图
   
   为什么结束项目端口号还会被占用, 因为你用的是ctrl+z 而不是ctrl+c. 具体细节不说, ctrl+z守护进程无法被干掉, ctrl+c所有该端口下的东西都会被释放. 是所有
3. VUE 底层逻辑. 源代码中, 如果端口被占就会+1, 这就是为什么你的 VUE 启动之后端口会变成 8081, 8082 … 如果你已经确定在 step1 , 没有任何东西占用你这个端口, 但启动后还不是 8080, 请安装 npm install portfinder@1.0.21. Tips: 请在你当前项目下进行安装, 什么叫当前项目? 比如你的项目名叫 xxx, 那么你就要cd xxx 然后npm install portfinder@1.0.21. 安装之后请用npm list 查看是否安装进去了, 结果如下图
   以上为目前遇到的所有前端项目重启端口号改变遇到的各种情况, 如有其他欢迎补充.
   [禁止转载] 仅供学习使用, @author ArtistS