为vuejs应用程序构建Docker

Question

在为vuejs应用程序构建docker时遇到问题

我有一个vuejs应用程序,现在我想为它构建一个docker镜像

这是我的Dockerfile

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

这是我的docker-compose.yml文件

version: '2'

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

当我运行命令docker-compose up时.我得到这个结果:

但是当我访问http://localhost:8080主机上的网址时.我明白了:

我不确切知道发生了什么.请帮我解决这个问题.

非常感谢.

这些是我的源代码文件夹:

Answer 1

默认情况下npm run dev,仅绑定到localhost.

添加--host 0.0.0.0到您的webpack-dev-server行package.json:

来自:

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

对于类似(add --host 0.0.0.0)的东西:

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