webpack+vite,vue如何定义公共环境变量?

一.webpack方式

1.创建.env.development和.env.production 文件

# 开发环境配置
NODE_ENV = 'development'# aes ecb key
VUE_AES_KEY = '222222222'
VUE_AES_IV = '333333333'# 接口地址
VUE_BASE_API  = 'http://abc.com/api/'
VUE_BASE_FILE = 'http://abc.com/upload/'
VUE_BASE_NAME = 'http://abc.com/'

2.使用方式
在request.js中使用

baseURL: process.env.VUE_BASE_API,

在index.vue中使用

let file_url = process.env.VUE_BASE_FILE;

二.vite方式

1.创建文件如上
2.使用方式

baseURL:import.meta.env.VITE_BASE_URL

const key =import.meta.env.VITE_AES_KEY;