在vue3，FES框架中 如何设置多个FES_APP_BASE_URL

在 Vue3 中，结合 FES (Fast Egg System) 框架，如果需要设置多个 `FES_APP_BASE_URL`，通常是为了应对不同的环境配置（如开发、测试、生产等）。FES 提供了环境变量管理和配置文件分离的方式，你可以这样做：

1. **创建环境变量**：
- 在 `.env` 文件中（根据你的配置可能叫其他名字，比如 `.env.development`, `.env.production` 等），分别为每个环境定义变量，例如：

     # .env.development
     VUE_APP_FES_BASE_URL=http://localhost:8080
     # .env.production
     VUE_APP_FES_BASE_URL=https://api.example.com

2. **引入并动态使用**：
- 在你的主 `main.js` 或者 `vite.config.ts` 中，使用 vite 的 `import.meta.env` 功能来读取环境变量：

     import { defineConfig } from 'vite'
     import env from './.env'

     export default defineConfig({
       base: process.env.BASE_URL || '/',
       build: {
         assetsDir: 'public',
       },
       server: {
         host: process.env.HOST || 'localhost',
         port: parseInt(process.env.PORT) || 3000,
       },
       // 使用 vite 的环境变量功能
       resolve: {
         alias: {
           '@fes': resolve(__dirname, '../src/fes'), // 根据实际路径替换
         },
         extensions: ['.js', '.ts', ...],
       },
       plugins: [
         require('./plugins/fes')({
           baseUrl: process.env.VUE_APP_FES_BASE_URL, // 使用环境变量
         }),
       ],
     })

- 在 `plugins/fes.js` 或相关模块里，你可以根据 `baseUrl` 来配置 FES。

记住，每次构建项目时，Vite 会自动读取对应的环境变量文件，所以可以根据当前运行的环境选择合适的 URL。