Gitlab 生产环境变量答案

【问题标题】：Environment variables for production on GitlabGitlab 生产环境变量
【发布时间】：2021-07-25 21:43:13
【问题描述】：

我需要在 gitlab 页面上设置我的网站。

Vue cli 说我需要设置一个环境变量

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/' + process.env.VUE_APP_CI_PROJECT_NAME + '/'
    : '/'
}

所以我在 root 上创建了一个 .env 文件并写了它：

VUE_APP_CI_PROJECT_NAME = my_website

但是当我控制台记录它时，它是未定义的

我的 gitlab 网址是 https://gitlab.com/my_name/company/my_website

那么我需要在我的变量中写什么。

【问题讨论】：

使用我的解决方案，您甚至不需要设置条件：您可以简单地拥有不同的环境变量（开发！=生产）。

标签： vue.js gitlab environment-variables production

【解决方案1】：

当您将应用推送到生产环境时，您需要在 Gitlab 上设置 env 变量，而不是在 .env 中设置，无论如何应该是 .gitignore'ed。
.env 主要用于开发目的，不应提交。

要在 Gitlab 上输入一些环境变量，您可以转到您的 https://gitlab.com/your-group/your-project/-/settings/ci_cd 并在那里找到它。
您可以将KEY 设置为VUE_APP_CI_PROJECT_NAME，将Value 设置为my_website。

再次部署，它应该可以正常工作了！

【讨论】：