Nuxt3 Vite服务器端口

Question

我需要为 Nuxt3 配置服务器端口。我尝试这样做：

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig(
  vite: {
    server: {
      port: 5000,
    },
  },
})

但这不起作用。如何在Nuxt3中设置服务器端口？

Answer 1

截至撰写答案时，您现在可以按nuxt.config如下方式定义端口：

export default defineNuxtConfig({
  devServer: {
    port: 3001,
  },
})

来源

Answer 2

如此处所述，目前不支持此功能。

像这样改变它

{
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev --port=5678", // here
    "generate": "nuxt generate",
    "preview": "nuxt preview"
  },
  "devDependencies": {
    "nuxt": "3.0.0-rc.1"
  }
}

以下是如何更改生产端口：https://github.com/nuxt/framework/discussions/1884#discussioncomment-1631668

Answer 3

.env在项目根目录中创建一个文件：

PORT=5000

通过这样做，您可以设置PORTNuxt 在启动时选择的环境变量。