vue项目每次运行端口都会发生变化（端口占用）

### 解决 Vue CLI 运行时 8080 端口被占用的方案 如果在运行 Vue CLI 开发服务器时发现 8080 端口已被占用，可以通过以下方式解决问题： #### 方法一：更改开发服务器使用的端口号 Vue CLI 提供了配置选项来指定不同的端口号。可以在 `vue.config.js` 文件中设置新的端口号[^1]。 ```javascript module.exports = { devServer: { port: 8081, // 更改为你希望使用的端口号 }, }; ``` 这样，在下次启动开发服务器时会使用指定的新端口而不是默认的 8080 端口[^2]。 --- #### 方法二：终止占用 8080 端口的进程 如果确认不需要保留当前占用 8080 端口的服务，则可以直接结束该进程。以下是具体操作步骤： 1. **查找占用 8080 端口的进程 ID** 使用以下命令找到正在监听 8080 端口的进程： ```bash netstat -tuln | grep 8080 ``` 或者使用更现代的工具 `ss` 替代 `netstat`: ```bash ss -tuln | grep 8080 ``` 输出结果通常类似于以下内容（假设 PID 为 12345）： ``` tcp 0 0 0.0.0.0:8080 0.0.0.0:* LISTEN 12345/apache ``` 2. **杀死占用端口的进程** 找到对应进程后，可以使用以下命令强制停止该进程： ```bash kill -9 12345 ``` 此处需替换实际查得的 PID 值[^3]。 --- #### 方法三：检查并调整环境中的冲突服务 某些情况下，默认服务可能因系统内置软件（如 Apache、Nginx 等）自动启用而导致端口冲突。例如，Apache 默认绑定至 80 和 8080 端口。此时可以选择关闭这些服务或重新配置其监听地址/端口。 对于 Linux/Mac 用户，可通过以下命令禁用 Apache： ```bash sudo apachectl stop ``` 而对于 Windows 用户，建议通过任务管理器或其他监控工具定位占用源，并手动释放资源。 --- #### 方法四：验证 Node.js 版本及重装 Vue CLI 工具链 确保已安装满足最低需求的 Node.js 版本（至少 v8.9），并通过如下指令检测版本号： ```bash node --version ``` 若仍存在问题，可能是旧版 Vue CLI 存留引起干扰。按照官方指南卸载后再重新安装最新版本即可[^4]: ```bash npm uninstall vue-cli -g npm install @vue/cli -g ``` 完成上述清理工作之后再次尝试初始化项目目录结构以及启动调试模式。 --- ### 总结 以上提供了四种主要应对策略——修改配置文件切换目标端口；主动干预现有阻塞连接；排查潜在第三方应用影响范围；最后考虑更新依赖库状态以排除兼容隐患等问题根源所在之处。根据实际情况选取合适手段加以处置便可顺利开展后续编码流程。