vite.config.js 代理

`vite.config.js` 是 Vite（一个基于 ES module 的现代前端构建工具）中的一个重要配置文件，它允许开发者自定义项目的构建过程和行为。其中的代理功能是用来处理跨域请求，当在开发环境中访问的资源不在当前服务器的同一域名下，Vite 会自动将这些请求代理到指定的 URL，从而避免浏览器的同源策略限制。

在 `vite.config.js` 中，你可以使用 `serverMiddleware` 或 `proxy` 配置来设置代理。以下是一个简单的例子：

import { createServer } from 'vite';
import { resolve } from 'path';

// vite.config.js
export default {
  server: {
    middleware: [
      // 使用 createProxyMiddleware 实现跨域代理
      (req, res, next) => {
        if (req.url.startsWith('/api')) {
          const prefix = 'https://api.example.com'; // 指定的目标URL
          const fullUrl = `${prefix}${req.url}`;
          return res.redirect(301, fullUrl);
        }
        next();
      }
    ]
  },
  base: './',
  proxy: {
    '/api': {
      target: 'https://api.example.com', // 代理目标
      changeOrigin: true, // 允许跨域
      rewrite: (url) => url.replace(/^\/api/, '') // 重写请求路径
    }
  }
};

在这个例子中，所有以 `/api` 开头的请求会被代理到 `https://api.example.com`，并且可以通过 `changeOrigin` 设置是否允许跨域。