Dockerize vue 项目

Question

我已经通过 cli 安装了一个简单的 vue 项目。 我已经创建了 Dockerfile 和 docker-compose.yml 文件。

但是在 docker-compose build && docker-compose up 我得到 404 页面

项目结构

• 简单聊天
  • 码头工人
    • docker-compose.yml
    • Dockerfile
  • 公开
  • 源代码
  • package.json

命令

cd docker 
docker build -t simple-chat .. 
winpty docker run -it -p 8080:8080 --rm --name simple-chat simple-chat

正确打开http://localhost:8080

命令

docker-compose build --no-cache 
docker-compose up

在浏览器中返回 404 页面

我做错了什么？

Dockerfile

FROM node:lts-alpine
RUN npm install -g http-server

WORKDIR /app/simple-chat

COPY ../package*.json ./
RUN yarn install
COPY ../ .
RUN yarn build

EXPOSE 8080
CMD [ "http-server", "dist", "--host", "0.0.0.0"]

docker-compose.yml

version: '3.5'
services:

  simple-chat:
    build:
      context: ../
      dockerfile: docker/Dockerfile
    image: simple-chat
    ports:
      - '8080:8080'
    volumes:
      - ../:/app/simple-chat

Answer 1

回答

你弄错了Dockerfile上的http-server路径

CMD [ "http-server", "/app/simple-chat/dist"]

如果您想要容器化应用程序（复制 Dockerfile 上的所有内容），请从 compose 中删除 volumes:，否则从 Dockerfile 中删除 COPY 并设置 volumes:

考虑

1. 可以在没有 vuecli 的情况下构建 vuecli 应用，但您知道一些注意事项，请参阅此 stackoverflow 帖子。