1234 与 Parcel 开发服务器
1234 是前端打包器 Parcel 开发服务器的默认端口。Parcel 主打零配置:启动时自动推断入口文件、按需编译,开发服务器默认监听 1234,需要换端口时用 --port 指定。和所有开发服务器一样,它的生命周期只应存在于开发阶段——上线后生产主机上不应有进程监听这个端口。因为使用门槛低,1234 也成了许多人接触的第一个本地服务端口,排查时出现的概率不低。
基本信息
| 服务名 | Parcel 开发服务器 |
|---|---|
| 传输层 | TCP(默认 1234) |
| 常用参数 | --port 指定端口,--host 指定绑定地址 |
| 用途 | 前端本地开发、热更新、静态资源服务 |
| 安全等级 | 仅本机使用,生产环境不应出现 |
典型使用场景
- 本地起页面:改代码即时预览,验证样式与交互
- 端口冲突处理:多个项目同时开发时改用其他端口
- 部署检查:确认生产主机没有误部署开发服务器
- 容器与远程开发:把容器内端口转发到本机浏览器
- 团队约定:统一开发端口,减少文档与脚本里的硬编码差异
核查命令
核查命令
ss -lntp | grep 1234 # 是否有进程在监听
sudo lsof -i :1234 # 占用进程与用户
parcel --port 4321 src/index.html # 换端口启动开发服务器
# 生产主机出现该监听:确认是否为环境混部,再走部署流程修正
# 远程开发:ssh -L 1234:127.0.0.1:1234 user@devbox常见前端开发服务器端口
| 工具 | 默认端口 | 备注 |
|---|---|---|
| Vite | 5173 | 现代项目常见 |
| Parcel | 1234 | 本条目,可用 --port 修改 |
| Next.js 开发模式 | 3000 | 与部分后端框架默认端口重叠 |
| webpack-dev-server | 8080 | 老项目常见 |
| Vue CLI | 8080 | 与上一个容易冲突 |
部分开发工具默认会监听所有网卡,需要留意:这样一来局域网内其他主机可以直接访问你尚未完成的页面与调试接口。日常开发把绑定地址限制在本机,需要对外演示时再显式放开展示环境。
生产主机上出现开发服务器端口,通常是构建产物与开发环境混部导致的。正确做法是从部署流程上区分环境与产物,而不是每次靠杀进程临时处理。