vue项目前端配置proxy代理，解决跨域问题

 问题描述

解决

1、找到配置文件，我用的vite构建工具所以是vite.config.js文件，在文件中的defineConfig方法中添加server属性，在server属性里面再添加proxy属性

例子：注意这里api指的是地址是以api开头的  ，例如：/api/user/auth/login，这是代码中所使用到的地址

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            resolvers: [ElementPlusResolver()],
        }),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
        },
    },
    server: {
        proxy: {
            // 将请求代理到后端 API 地址
            '/api': {
                target: 'http://your-backend-api-url.com', // 后端 API 地址
                changeOrigin: true, // 是否改变域名
                rewrite: path => path.replace(/^\/api/, ''), // 可选，重写路径，如果后端 API 地址中不包含 '/api' 前缀，则可以将其删除
            },
        },
    },
});