vue3中.env环境文件报错

一般来说，我们在vue2中使用process.env是可以识别到环境的，但是在vue3中却报错了。
具体：https://cn.vitejs.dev/guide/env-and-mode.html

问题：process报错

js

if (process.env.VUE_APP_URL == 'production') {
  url = process.env.VUE_APP_BASE_API
} else {
  url = process.env.VUE_APP_BASE_API
}

if (process.env.VUE_APP_URL == 'production') {
  url = process.env.VUE_APP_BASE_API
} else {
  url = process.env.VUE_APP_BASE_API
}

解决方法:

js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
  plugins: [
    vue(),
  ],
  define: {
    'process.env': {}
  },
})

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
  plugins: [
    vue(),
  ],
  define: {
    'process.env': {}
  },
})