vue 环境配置

1. 根目录下创建文件，配置变量以VITE开头
   .env
   .env.production
   .env.development
2. 在vite.config.js中使用

defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());
  const { VITE_NODE_ENV } = env;
})

3. 其他地方使用

export const requestURL = import.meta.env.VITE_APP_BASE_URL

4. 启动和打包不同环境 package.json

"scripts": {
 "dev": "vite  --mode development",
 "pro": "vite --mode production",
 "build": "vite build",
 "build:dev": "vite build --mode development",
 "build:pro": "vite build --mode production",
}

4. 遇到的问题：
   在本项目的/src/configs/index.js中 import.meta.env访问不到
   解决办法：
   最后发现这个项目的vite.config.js中引用了/src/configs/index.js这个文件，浪费我的时间！！！！！