为vuejs应用程序构建Docker

Question

在为vuejs app构建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",