process.env.VUE_APP_ISSWAPP获取到的值是undefined怎么解决

想问一下我这里process.env.VUE_APP_ISSWAPP获取到的值为什么是undefined
这个是我创建的.env.version文件

img

.env.version文件里的内容

img

想在打包的时候使用命令传值

img

想获取process.env.VUE_APP_ISSWAPP的值

img

找了个页面打印

img

结果类型和值都是undefined

img

该回答引用GPTᴼᴾᴱᴺᴬᴵ
process.env.VUE_APP_ISSWAPP 是通过 Vue CLI 提供的环境变量功能进行设置和获取的。

如果获取到的值是 undefined,可以检查以下几个方面:

1.在项目的根目录下是否存在 .env 文件或者其它环境变量文件(如 .env.local, .env.development, .env.production 等),并且在该文件中是否设置了 VUE_APP_ISSWAPP 变量,例如:

VUE_APP_ISSWAPP=true


如果没有设置该变量,或者变量值为 undefined,则在代码中获取到的值也会是 undefined。

2.确保在使用该变量的地方,已经引入了 process 对象。在 Vue 单文件组件中,可以通过 import process from 'process' 来引入。在普通的 JavaScript 文件中,需要先安装 process 模块,再通过 require('process') 或者 import process from 'process' 来引入。

如果没有引入 process,则获取到的值也会是 undefined。

3.确保在获取该变量的地方,是在 Vue 实例创建之后才执行的。在 Vue 实例创建之前,process.env.VUE_APP_ISSWAPP 的值可能还没有被正确赋值。

可以在 Vue 生命周期的 mounted() 方法中获取该变量,例如:

export default {
  mounted() {
    console.log(process.env.VUE_APP_ISSWAPP);
  }
}


如果在 Vue 实例创建之前就需要获取该变量,则可以使用其它方式,例如通过 AJAX 请求从服务器获取该变量值。