环境变量不适用于 VueCLI 和 CapRover

问题描述

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

在 heroku 上这是一个简单的任务,我只是设置了我的 env 变量并且它可以工作。关于如何修复它的任何想法?

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

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

这就是我的环境变量的设置方式: Env variables

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)