vue3+vite 实现.env全局配置

首先创建.env文件

VUE_APP_BASE_API='http://127.0.0.1/dev-api'

然后引入依赖：

pnpm install dotenv --save-dev

引入完成后，在vite.config.js配置文件内加入以下内容：

const env = dotenv.config({ path: './.env' }).parsed

define: {

    // 将环境变量注入到全局变量中

    'process.env': env

  },

const env = dotenv.config({ path: './.env' }).parsedexport default defineConfig({plugins: [vue()],define: {// 将环境变量注入到全局变量中'process.env': env}
})

这样就配置完成了，然后在js内process.env.VUE_APP_BASE_API就可以直接获取到数据了。