Vue中Vite配置反向代理（本地开发环境）

Vue项目中使用的都是前后端分离，在本地做开发测试api接口的时候，使用反向代理解决跨域等一些问题

这里使用的是Vite脚手架

.env.development（开发环境下的配置文件）

VITE_API_BASE_URL= '/dev-api/'

 vite.config.ts（Vite配置文件）

import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    //配置反向代理本地开发使用
    proxy: {
      '/dev-api': {
      target: "http://www.baidu.com",
      rewrite: path => path.replace(/^\/dev-api/, ''),
      changeOrigin: true
    }
  }
});

target的值就是要实际代理的地址

请根据实际项目的文件做修改