How to set vite (preview) production port?

Viewed 9205

I have been looking arround on how to set a production port for vite but I can't find way I have tried this vite js config

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

but it seems like it can't work

2 Answers

According to documentation this should work

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

But if it doesn't work add --port on preview command in package.json

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

In package.json, add this code

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

In terminal, run the command

npm run serve
Related