docker多级构建在vue.js上失败

Question

这是我的dockerFile，位于vDocker / Dockerfile

# build stage
FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# production stage
FROM nginx:stable-alpine as production-stage
RUN apk add --no-cache bash
COPY ./vDocker/nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build-stage /app/dist /usr/share/nginx/html

EXPOSE 80 443

CMD ["nginx", "-g", "daemon off;"]

我也有位于根目录的docker-compose。

version: '3'

services:
  web_client:
    build:
      context: .
      dockerfile: ./vDocker/Dockerfile
    container_name: web_client
    restart: unless-stopped
    tty: true
    volumes:
      - /var/www/app/ssl/certbot/conf:/etc/letsencrypt
      - /var/www/app/ssl/certbot/www:/var/www/certbot
    ports:
      - 80:80
      - 443:443

在运行docker-compose build之后，它给出了以下错误：服务'web_client'无法构建：COPY失败：stat / var / lib / docker / overlay2 / 67b326c995a1ce52fb3ee2a792d84ffe9bc403aa5962755a2b89f1ab925a1242 / merged / app / dist：没有这样的文件或目录

知道为什么吗？

Answer 1

您无需为第二阶段命名。

你的构建方式如何取决于你如何设置它，我不知道它。但你能做的是：

• 将第一个阶段作为单独的Dockerfile运行
• 在最后一次运行后添加RUN ls -lart - >这应该打印目录的内容，你可以检查/ app / dist是否真的存在

其余的代码看起来不错。