Building Docker for vuejs app

Question

I have a problem when building docker for vuejs app

I have a vuejs app and now I want to build a docker image for it

This is my Dockerfile

 FROM node:7.7.2-alpine
 WORKDIR /usr/app
 COPY package.json .
 RUN npm install --quiet
 COPY . .
 EXPOSE 8080

And This is my docker-compose.yml file

version: '2'

services:
   web:
      build: .
      command: npm run dev
      volumes:
         - .:/usr/app
         - /usr/app/node_modules
      ports:
         - "8080:8080"

When I run command docker-compose up. I get this result:

But when I access the url http://localhost:8080 on my host. I get this: the screen

I don't know exactly what happened. Please help me to fix this problem.

Thank you so much.

These are my source code folders:

Can you provide access logs from the app side?

Yuankun
– Yuankun

2018-03-03 13:35:17 +00:00
Commented Mar 3, 2018 at 13:35 — Yuankun
– Yuankun, Commented Mar 3, 2018 at 13:35
@Yuankun: Thanks. My problem is solved

Ken
– Ken

2018-03-05 04:10:18 +00:00
Commented Mar 5, 2018 at 4:10 — Ken
– Ken, Commented Mar 5, 2018 at 4:10

acdcjunior · Accepted Answer · 2018-03-03 16:45:50Z

5

By default npm run dev binds to localhost only.

Add --host 0.0.0.0 to your webpack-dev-server line in package.json:

From something like:

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

To something like (add --host 0.0.0.0):

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

answered Mar 3, 2018 at 16:45

acdcjunior

136k37 gold badges340 silver badges312 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Building Docker for vuejs app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related