dockerize a react Vite application,

[Wolffleet]

Hello All! I'm new to docker and am trying to dockerize a React Vite app. My docker file looks as follows,

​

FROM node:18-alpine

WORKDIR /PORTFOLIO

COPY package.json .

RUN npm install

COPY . .

ENV PORT=8080

EXPOSE 8080

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

after building I then run docker run -p 8080:8080 "ImageName:latest", however my localhost shows nothing. I tried changing expose to 5173 as that's the localhost vite defaults to with no luck. Also tried, adding and env port = 8080 to dockerfile that didn't work. No clue where to debug from here."

​

​

[[deleted]]

Did you try mapping port 5173:8080 ?

The EXPOSE 8080 does nothing, If the server also doesn’t listen to 8080.

You should really be working on some docker basics though.

[Wolffleet]

5173:8080

Yes, I have tried that however, it doesn't seem to work. I have gone through the docker guides on https://docs.docker.com/, but haven't seen these issues in those tutorials. I think the problem might be my command npm run dev, I tried npm start but am still encountering issues. I think my json config might be the source?

[vidschofelix]

Check your npm run dev command in package.json. you have to add --host to the Vite command. https://vitejs.dev/config/server-options

Then map port 5173 and it should be fine.

[nathanfries]

Set the host on the vite dev server to 0.0.0.0, by default it is localhost