vue3+ts+vite配置反向代理

在Vue3+TypeScript+Vite项目中配置反向代理，可以在vite.config.ts文件中进行配置。具体步骤如下：
1. 在vite.config.ts文件中，添加server配置项。
2. 在server配置项中，添加proxy配置项。
3. 在proxy配置项中，添加需要代理的地址和目标地址。
4. 配置完成后，启动项目即可使用反向代理。

下面是一个示例代码：

import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:3001/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
});

在上面的示例代码中，我们配置了一个代理地址为`/api`，目标地址为`http://localhost:3001/`的反向代理。当我们在代码中请求`/api`时，Vite会将请求转发到`http://localhost:3001/`。需要注意的是，`changeOrigin`选项需要设置为`true`，以便正确处理跨域请求。