VueJS本地NPM服务器重启后端口自动递增1是否为异常问题？

嘿，作为Vue新手碰到这个情况完全不用慌！这绝对不是异常问题，反而属于开发工具的人性化设计哦~

之所以会出现重启后端口自动+1的情况，核心原因是你的开发服务器（不管是Vue CLI自带的devServer，还是新版Vue常用的Vite服务器）默认开启了「端口占用检测」功能：

• 当你以为已经关掉了8080端口的服务，但其实有残留的后台进程没彻底退出，或者其他程序刚好占用了8080端口时，服务器会自动跳过被占用的端口，尝试下一个可用的端口（也就是8081、8082...）
• 这种设计是为了避免「端口被占用导致服务启动失败」的尴尬，属于很实用的默认配置。

如果你想要固定使用8080端口，也可以手动修改配置：

• 若你用的是Vue CLI（旧版项目）：在项目根目录的vue.config.js中添加如下配置：

  module.exports = {
    devServer: {
      port: 8080 // 固定为你想要的端口号
    }
  }
  

• 若你用的是Vite（新版Vue项目）：在vite.config.js中配置server端口：

  export default {
    server: {
      port: 8080
    }
  }
  

另外，你也可以手动排查8080端口是否被占用：

• Windows系统：打开命令提示符，执行 netstat -ano | findstr :8080，找到对应的进程ID后，用taskkill /F /PID 进程ID杀掉占用端口的进程
• Mac/Linux系统：打开终端，执行 lsof -i :8080，找到进程后用kill -9 进程ID结束进程

杀掉占用端口的进程后，再执行npm run dev，服务就会回到8080端口启动啦~

内容的提问来源于stack exchange，提问作者JING