Nuxt3 Vite 服务器端口答案

【问题标题】：Nuxt3 Vite server portNuxt3 Vite 服务器端口
【发布时间】：2022-07-06 20:15:16
【问题描述】：

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

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

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

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

【问题讨论】：

顺便说一句，从 RC1 开始，你只需要import { defineNuxtConfig } from 'nuxt'（不需要nuxt3）。如图所示：nuxtjs.org/announcements/nuxt3-rc/#vite--webpack

标签： nuxt.js vite nuxtjs3

【解决方案1】：

作为told here，目前不支持。

这样改

{
  "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

【讨论】：

产品 PORT=5000 节点 .output/server/index.mjs

【解决方案2】：

我对@987654321@ 和production 模式的解决方案：

{
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev --port=8001",
    "generate": "nuxt generate",
    "preview": "PORT=8001 node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt": "3.0.0-rc.4"
  },
}

【讨论】：