vite.config.ts 配置跨域

vite.config.ts是Vite项目的配置文件，用于配置Vite构建工具的各种选项和插件。在vite.config.ts中，你可以配置跨域请求。

要配置跨域请求，你可以使用Vite的`proxy`选项。通过设置`proxy`选项，你可以将特定的请求代理到其他服务器，从而实现跨域请求。

以下是一个示例的vite.config.ts文件，展示了如何配置跨域请求：

import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 目标服务器的地址
        changeOrigin: true, // 是否改变请求头中的Origin字段，默认为true
        rewrite: (path) => path.replace(/^\/api/, ''), // 重写请求路径，将/api前缀替换为空字符串
      },
    },
  },
});

在上述示例中，我们配置了一个代理规则，将以`/api`开头的请求代理到`http://api.example.com`服务器。`changeOrigin`选项用于指定是否改变请求头中的Origin字段，默认为true，这样可以绕过浏览器的同源策略。`rewrite`选项用于重写请求路径，将`/api`前缀替换为空字符串。

这样配置后，在开发环境中发送以`/api`开头的请求时，Vite会将请求代理到目标服务器，从而实现跨域请求。