如何为开发和生产api创建全局变量？Vue 3

Question

我需要为生产和开发创建一个全局变量？我尝试了一些东西，但是变量值返回undefined

我是在项目的.env根文件夹中创建的

VUE_APP_ROOT_API=https://api.api

和

mounted() {
  alert(process.env.VUE_APP_ROOT_API) // undefined
}

Answer 1

在https://webpack.js.org/plugins/define-plugin/中使用vue.config.js

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        VUE_APP_ROOT_API: JSON.stringify(process.env.VUE_APP_ROOT_API),
      }),
    ],
  },
};