Angular 17中如何修改ng build生成的server.mjs端口?
解决server.mjs端口无法修改的问题
方法1:直接修改server.mjs中的端口配置
找到dist文件夹下的server.mjs,搜索端口相关代码(比如4000),直接替换为目标端口(如4100)。如果是框架生成的文件,通常会有类似代码:
const port = process.env.PORT || 4000;
把这里的4000改成4100即可。
方法2:通过环境变量动态指定端口
Node.js服务普遍支持用环境变量设置端口,运行时直接指定:
# Linux/macOS环境 PORT=4100 node dist/server.mjs # Windows PowerShell环境 $env:PORT=4100; node dist/server.mjs
这种方式无需修改代码,适合远程虚拟机上灵活切换端口。
方法3:调整项目构建配置文件
如果是通过Nuxt、Vite、SvelteKit等框架生成的server.mjs,需要修改框架的构建配置:
- Nuxt:在
nuxt.config.ts中添加server.port: 4100 - Vite SSR:在
vite.config.ts的server选项里设置port: 4100,确保构建配置同步
修改后重新构建项目,生成的server.mjs就会使用指定端口。
方法4:明确部署URL的作用范围
你设置的localhost:4100可能仅作用于前端API请求地址或静态资源路径,和后端服务端口是独立配置项,需要分别调整。
内容的提问来源于stack exchange,提问作者Unstay Anon
相关产品推荐
相关产品推荐

