如何设置vite（预览）生产端口？

Question

我一直在寻找如何为 vite 设置生产端口，但我找不到尝试此 vite js 配置的方法

  server: {
    host: true,
  },
  preview:{
    port:5005
  }

但似乎行不通

Answer 1

根据文档，这应该有效

export default defineConfig({
  server: {
    port: 3030
  },
  preview: {
    port: 8080
  }
})

但如果它不起作用添加--port预览命令package.json

"scripts": {
    "serve": "vite preview --port 6000"
  },

Answer 2

在 package.json 中添加以下代码

"scripts": {
    "serve": "vite --port 8000"
},

在终端中，运行命令

npm run serve