I'm trying to run nuxt application in docker container. In order to do so, I created the following Dockerfile:

FROM node:6.10.2

RUN mkdir -p /app

EXPOSE 3000

COPY . /app
WORKDIR /app
RUN npm install
RUN npm run build

CMD [ "npm", "start" ]

However, when I build the image and run the container (docker run -p 3000:3000 <image-id>) I get nothing while hitting localhost:3000 in my browser. What could be the cause?

I'm trying to run nuxt application in docker container. In order to do so, I created the following Dockerfile:

FROM node:6.10.2

RUN mkdir -p /app

EXPOSE 3000

COPY . /app
WORKDIR /app
RUN npm install
RUN npm run build

CMD [ "npm", "start" ]

However, when I build the image and run the container (docker run -p 3000:3000 <image-id>) I get nothing while hitting localhost:3000 in my browser. What could be the cause?

• javascript
• docker
• vue.js
• nuxt.js

• Visitors from the future, can take a look at this cookbook recipe for dockerizing your vue app – Anima-t3d Commented Apr 18, 2018 at 4:29

1 Answer 1

The application inside Docker container by default is accepting network traffic onhttp://127.0.0.1:3000. This interface does not accept external traffic so no wonder that it does not work. In order to make it work we need to set HOST environmental variable for nuxt app to 0.0.0.0 (all ip addresses). We can do this either in Dockerfile, like this:

FROM node:6.10.2

ENV HOST 0.0.0.0

# rest of the file

or in package.json in the script's "start" command:

"scripts": { "start": "HOST=0.0.0.0 nuxt start" ...}

Or any other way that will make the nuxt application to listen elsewhere than on localhost inside container only.