vue3 vite项目进行接口调用的时候，会遇到跨域的问题，这时候就需要配置反向代理了。

vite 反向代理说明文档

反向代理说明文档

vite 反向代理配置代码

import {defineConfig} from 'vite';
import vue from '@vitejs/plugin-vue';
import {link} from "./src/config/config.js";
import path from 'path'

export default ({mode}) => {
    return defineConfig({
        plugins: [vue()],
        base: link,
        resolve: {
            alias: [
                {
                    find: '@',
                    replacement: path.resolve(__dirname, 'src')
                },
            ]
        },
        server: {
            https: false,
            host: '0.0.0.0',
            proxy: {
                '/login': {
                    target: '101.34.48.225:8088', // 接口的域名
                    secure: false, // 如果是https接口，需要配置这个参数
                    changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
                    rewrite: path => path.replace(/^\/login/, '')
                }
            }
        },

    });
}