docker - 环境变量不适用于 VueCLI 和 CapRover

Question

我正在将我的应用程序从 Heroku 迁移到我自己的 VPS，并且为了让我的生活更轻松，我使用 CapRover 作为我的 PAAS 管理器，以制作更“类似 Heroku”的界面。我所有的节点后端项目都运行良好，但我的 VueCLI 前端应用程序没有检测到我在 CapRover 的应用程序配置选项卡上设置的 ENV 变量。

在 heroku 上，这是一项简单的任务，我只需设置我的环境变量就可以了。关于如何解决它的任何想法？

这是我的“队长定义”文件：

{
  "schemaVersion": 2,
  "dockerfilePath": "./dockerfile"
}

还有我的“dockerfile”

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

FROM nginx as production-stage
RUN mkdir /app
COPY --from=build-stage /app/dist /app
COPY nginx.conf /etc/nginx/nginx.conf

这就是我的环境变量的设置方式： 环境变量