typescript 如何更改Nuxt 3端口

x8diyxa7 于 2023-03-31 发布在 TypeScript

关注(0)|答案(2)|浏览(500)

我尝试了旧的解决方案，但它不再工作了，然后我试图阅读nuxt 3文档，它实际上并没有更新。
那么如何改变如何改变Nuxt 3端口而不像@kissu在这里做的那样改变开发脚本
我试过老办法
在/.nuxt.config.ts上

export default defineNuxtConfig(
  
    server: {
      port: 8080,
    },
  
})

我得到了http：//localhost：3000
编辑：
我找到了使用.env文件的方法
到.env文件（[project_root] /.env）

PORT=8080

Nuxt 3会从你的env变量中自动检测到它。

2条答案

在Nuxt3 nuxt.config.ts中

export default defineNuxtConfig({
  devServer: {
    port: 8000
  }
})

在Nuxt3中更改默认端口
对于开发环境，在package.json中

"dev": "nuxt dev -p 3020",

对于生产环境，在根文件夹中创建.env文件（如果不存在）

PORT=3200

这将在运行命令时起作用

npm run preview