Can't expose Vite through Docker

[FezVrasta]

Hi, I'm trying to expose Vite (dev server -- vite --host 0.0.0.0 --port 3000) from a Docker container but when I try to access it from the host machine I'm unable to reach it. While from inside the container everything looks good.

This is a sample Dockerfile to reproduce the problem

FROM node:16-alpine
RUN npm init -y vite@latest test-app -- --template vanilla
WORKDIR /test-app
RUN npm install
EXPOSE 3000
CMD ["npm", "run", "dev",  "--", "--host", "0.0.0.0", "--port", "3000"]

May I get some help please? Thanks!

[luisocasio]

Hi, I'm trying to expose Vite (dev server -- vite --host 0.0.0.0 --port 3000) from a Docker container but when I try to access it from the host machine I'm unable to reach it. While from inside the container everything looks good.

This is a sample Dockerfile to reproduce the problem

FROM node:16-alpine
RUN npm init -y vite@latest test-app -- --template vanilla
WORKDIR /test-app
RUN npm install
EXPOSE 3000
CMD ["npm", "run", "dev",  "--", "--host", "0.0.0.0", "--port", "3000"]

May I get some help please? Thanks!

I was able to resolve this by referencing this: https://stackoverflow.com/questions/73631193/how-to-expose-vite-js-host-to-the-outside-docker/73697215#73697215

"scripts": {
    "dev": "vite --host",
    "build": "vite build",
    "preview": "vite preview"
  },

FROM node:18.10-alpine3.15

WORKDIR /app

COPY package.json package.json

RUN npm i 

COPY . .

CMD ["npm", "run", "dev"]

[hasham7861]

Thank you the updating of dev script to "vite --host" worked for me.

[ernestromen]

also worked for me:
Dockerfile:
CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0", "--port", "5173"];

vite.config.js:
server: {
hmr: {
host: '0.0.0.0',
port: 5173,
},

},

 I dont know if the host part is relevant, just sharing!:)

[KaushikJoshi93]

Below worked for me:
Dockerfile:
CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0", "--port", "3000"];

command while running docker container:
docker run -it --rm --publish <host-port-you-want-to-expose> : <application-port-inside-docker-container> <docker-image-name>
Ex: docker run -it --rm --publish 3000:3000 editor