Vue.js Gitlab上的生产环境变量

Vue.js Gitlab上的生产环境变量,vue.js,gitlab,environment-variables,production,Vue.js,Gitlab,Environment Variables,Production,我需要在gitlab页面上设置我的网站 Vue cli告诉我需要设置一个env变量 module.exports={ publicPath:process.env.NODE_env==='production' ?'/'+process.env.VUE_APP_CI_PROJECT_NAME+'/' : '/' } 因此,我在root上创建了一个.env文件,并将其写入: VUE_APP_CI_PROJECT_NAME = my_website 但当我记录它时,它是未定义的 我的gitl

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

Vue cli告诉我需要设置一个env变量

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 url是


那么,我需要在变量中写入什么呢。

当您将应用程序推向生产环境时,您需要在Gitlab上设置env变量,而不是在您的
.env
中设置env变量,该变量应该是
.gitignore

.env
基本上用于开发目的,不应提交

要在Gitlab上输入一些环境变量,可以转到
https://gitlab.com/your-group/your-project/-/settings/ci_cd
并在那里找到它。
您可以将
KEY
设置为
VUE\u APP\u CI\u PROJECT\u NAME
Value
设置为
my\u website

再次部署,它应该可以正常工作


使用我的解决方案,您甚至不需要设置条件:您只需拥有不同的环境变量(dev!=production)。