前端服务启动之后，有哪些方法可以查明它正在监听的端口号？

回答思路

1. 【回答框架 1】端口号通常由前端构建工具的配置文件决定，如 Vue 的 vue.config.js 中的 devServer.port、React 的 webpack 配置中的 devServer.port，或 Vite 的 server.port。
2. 【回答框架 2】启动项目中若未显式设置端口，工具会使用默认端口（如 Vite 默认 5173，Vue CLI 默认 8080），若被占用则可能自动顺延。
3. 【回答框架 3】启动日志中一般会打印本地访问地址，形如 Local: http://localhost:5173，其中的数字就是当前端口。
4. 【回答框架 4】可以使用命令行查找，如 lsof -i :端口号 确认是否被占用，但最准确的是改配置设定固定端口并查看日志。
5. 【回答框架 5】如果通过 IDE 或部署平台运行，界面上通常会显示端口信息。最终以实际监听端口为准，可在浏览器访问或用 netstat 验证。
6. 【关键点 1】前端端口由配置文件或命令参数决定，查看启动日志最直接。
7. 【关键点 2】常用工具默认端口不同，可通过配置固定端口避免冲突。
8. 【关键点 3】修改端口后需重启服务才生效。
9. 【易错点 1】混淆默认端口与当前端口，部分工具会随机占用；修改配置但忘记重启导致端口未变。