vite.config.js中调用.env.development或.env.production中的配置

下面直接上代码

// vite.config.js
import { defineConfig, loadEnv } from 'vite';

export default ({ mode }) => {
  // 此处加载当前 mode（例如 development）的环境变量
  const env = loadEnv(mode, process.cwd());

  // 现在你可以通过 `env` 访问环境变量了，
  // 记住，必须以 VITE_ 作为前缀
  const apiBaseUrl = env.VITE_API_BASE_URL;

  return defineConfig({
    // ...其他 Vite 配置
    define: {
      'process.env.API_BASE_URL': JSON.stringify(apiBaseUrl),
    },
    server: {
      // ...例如，设置代理
      proxy: {
        '/api': apiBaseUrl
      }
    }
  });
};