开发与部署

修改开发环境端口号

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: "2024-11-01",
  devtools: { enabled: true },
  devServer: {
    port: 3003,
    host: "0.0.0.0",
  },
});

修改部署环境端口号

方式 1：直接修改 nitro.mjs

找到 .output/server/chunks/nitro/nitro.mjs 文件，找到以下

...
const port = destr(process.env.NITRO_PORT || process.env.PORT) || 3e3;
...

这行代码，这里会从 env 中获取端口，默认为 3000。我们只需要将值固定为需要指定的端口号即可。

方式 2：在 Linux 上通过export注入配置变量

运行命令：

export PORT=3333 && node .output/server/index.mjs

➜  test_nuxt export PORT=3333 &&  node .output/server/index.mjs
Listening on http://[::]:3333

PS：如果是多个变量可以通过空格分割，如下：

export MY_ENV_VAR1=hello MY_ENV_VAR2=world && node cmd.js

其它还有如 dotenv、cross-env，不过针对修改 Nuxt 端口这个场景没必要。