vite 解决proxy跨域问题

在Vite项目中，解决跨域问题通常是通过配置Vite服务器的代理功能来实现的。以下是如何在Vite项目中设置代理来解决跨域问题的步骤：

1. 找到Vite项目的配置文件，通常是vite.config.js或vite.config.ts。
2. 在配置文件中，使用server.proxy选项来设置代理规则。
3. 指定需要代理的接口和目标服务器地址。

下面是一个简单的配置示例，假设你想要代理到https://api.example.com：

// vite.config.js 或 vite.config.ts
import { defineConfig } from 'vite';
 
export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'https://api.example.com',
        changeOrigin: true,
        // 其他可选配置...
      }
    }
  }
  // 其他配置...
});

在上面的配置中，当请求以/api开头时，所有的请求都会被代理到https://api.example.com。changeOrigin选项设置为true意味着请求头中的Host会被代理到目标服务器。

现在，当你的Vite开发服务器接收到以/api开头的请求时，它会自动将这些请求转发到指定的代理服务器，从而解决了跨域问题。