vite.config.js文件配置代理设置VITE_APP_BASE_API

在vite.config.js中配置代理服务器，可以将API请求代理到其他服务器。以下是一个配置示例，其中设置了一个环境变量VITE_APP_BASE_API，并使用这个变量来定义API的基础路径：

import { defineConfig } from 'vite';
import { loadEnv } from 'vite';
 
export default defineConfig(({ mode }) => {
  // 加载环境变量
  const env = loadEnv(mode, process.cwd());
 
  return {
    server: {
      // 配置代理规则
      proxy: {
        '/api': {
          target: env.VITE_APP_BASE_API, // 目标API服务器地址
          changeOrigin: true, // 是否改变源地址
          rewrite: (path) => path.replace(/^\/api/, ''), // 重写路径
        },
      },
    },
  };
});

在环境变量文件中（.env、.env.production等），你需要定义VITE_APP_BASE_API：

VITE_APP_BASE_API=https://api.example.com

这样配置后，当你的Vite开发服务器接收到以/api开头的请求时，它会将这些请求代理到https://api.example.com。这样，你就可以在不同环境中方便地切换API服务器，而不需要修改应用代码。