18

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

Clarance Liberiste Ntwari
  • 3,361
  • 2
  • 25
  • 37
  • 1
    You use ```server.host``` instead of ```server.port```. I know this is old, but noone mentioned this before.. Maybe it helps somebody with the same trouble :) – randmin May 13 '23 at 23:25

3 Answers3

32

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"
  },
Clarance Liberiste Ntwari
  • 3,361
  • 2
  • 25
  • 37
9

In package.json, add this code

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

In terminal, run the command

npm run serve
Haroon Mirza
  • 197
  • 1
  • 7
1

just update you npm run dev command to:

"dev": "vite --port=8080"

in the package.json file

Mhamad Rzgar
  • 29
  • 1
  • 4
  • 1
    Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Aug 23 '23 at 17:34