为vuejs应用程序构建Docker

2018-06-14 12:57:43

在为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"

当我运行命令码头 - 组成。我得到这个结果：

但是当我访问我的主机上的URL http://localhost:8080时。我得到这个：

我不知道到底发生了什么。请帮我解决这个问题。

非常感谢。

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

默认情况下， npm run dev只绑定到localhost。

将--host 0.0.0.0添加到package.json webpack-dev-server行：

从类似的东西：

  "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",

链接地址: http://www.djcxy.com/p/41359.html

上一篇: Building Docker for vuejs app

下一篇: Why is MongoDB slower to insert Records only when collection does not exist?