vue3配置代理服务器

在Vue3中配置代理服务器可以通过修改vite.config.ts文件或vue.config.js文件来实现。具体配置如下：

在vite.config.ts文件中配置代理服务器：

import { defineConfig } from 'vite';

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

在vue.config.js文件中配置代理服务器：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '跨域的地址',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
};

以上配置中，'/api'是代理标识，用于告诉服务器哪些请求需要使用代理。target指定了目标地址，即后台服务器地址。changeOrigin设置为true表示允许跨域。pathRewrite用于重写实际的请求路径，将'/api'替换为空字符串。这样，在本地请求接口时，会自动将请求转发到目标地址。