vue用vite配置代理解决跨域问题（target、rewrite和changeOrigin的使用场景）

Vite的target、rewrite和changeOrigin的使用场景

1. target

使用场景：target 属性在 Vite 的 vite.config.ts 或 vite.config.js 文件的 server.proxy 配置中指定，用于设置代理服务器应该将请求转发到的目标地址。这通常是一个后端服务的API接口地址。
配置示例：

export default defineConfig({  
  server: {  
    proxy: {  
      '/api': {  
        target: 'http://192.168.110.188:3091', // 后端API地址  
        // ... 其他配置  
      },  
    },  
  },  
  // ... 其他配置  
});

说明：在上面的示例中，/api 是代理路径的前缀，当在前端代码中发起一个以 /api 开头的请求时，Vite 会将这个请求转发到 target 指定的地址。

2. rewrite

使用场景：rewrite 属性是一个函数，用于在将请求转发到目标地址之前修改请求的URL路径。这通常用于移除代理路径前缀，以便后端服务能够正确地处理请求。
配置示例：

export default defineConfig({  
  server: {  
    proxy: {  
      '/api': {  
        target: 'http://192.168.110.188:309