如何在Vue中访问在运行时传递给容器的环境变量而不是构建期间传递的变量？
堆栈如下：
VueCLI 3.0.5
Docker
Kubernetes
在stackoverflow和其他地方有建议的解决方案，使用.env文件传递变量（并使用模式），但那是在构建时，并且被烘焙到docker映像中。
我想在运行时将变量传递到Vue中，方法如下：
创建Kubernetes ConfigMap（我做对了）
在运行部署yaml文件时将ConfigMap值传递到K8s pod env变量中（我做对了）
从上面创建的环境变量中读取例如VUE_APP_MyURL，并在我的Vue应用程序中使用该值执行某些操作（我没有做对）
我已经在helloworld.vue中尝试了以下内容：
<template>
<div>{{displayURL}}
<p>Hello World</p>
</div>
</template>
<script>
export default {
data() {
return {
displayURL: ""
}
},
mounted() {
console.log("check 1")
this.displayURL=process.env.VUE_APP_ENV_MyURL
console.log(process.env.VUE_APP_ENV_MyURL)
console.log("check 3")
}
}
</script>
我在控制台日志里看到了“undefined”，并且在“helloworld”页面上没有显示任何内容。
我还尝试将该值传递到vue.config文件中，然后从那里读取它。但是在console.log中仍然得到相同的“undefined”结果。
<template>
<div>{{displayURL}}
<p>Hello World</p>
</div>
</template>
<script>
const vueconfig = require('../../vue.config');
export default {
data() {
return {
displayURL: ""
}
},
mounted() {
console.log("check 1")
this.displayURL=vueconfig.VUE_APP_MyURL
console.log(vueconfig.VUE_APP_MyURL)
console.log("check 3")
}
}
</script>
使用以下vue.config的配置：
module.exports = {
VUE_APP_MyURL: process.env.VUE_APP_ENV_MyURL
}