Vue配置代理解决跨越问题

一、配置全局统一的代理

在vue工程的vue.config.js（如没有则新建该文件）文件下，添加如下配置：

module.exports = defineConfig({
    devServer: {
        proxy: 'https://emsrot.com/uat-ssd'
    }
})

表示所有的接口都代理到https://emsrot.com/uat-ssd/****

二、按照不同的服务配置不同的代理

module.exports = defineConfig({
    devServer: {
        proxy: {
            '/fileUpload': {
                target: 'https://emsrot.com/uat-ssd',
                secure: false,
                changeOrigin: true,
            },
            '/mobile': {
                target: 'https://emsrot.com/uat-mobile',
                secure: false,
                changeOrigin: true,
            }
        }
    }
})

表示所有 以/fileUpload 开头的接口将请求到 https://emsrot.com/uat-ssd/fileUpload/，
所有 以/mobile 开头的接口将请求到 https://emsrot.com/uat-ssd/mobile/

三、增加 pathRwrite属性

module.exports = defineConfig({
    devServer: {
        proxy: {
            '/fileUpload': {
                target: 'https://emsrot.com/uat-ssd',
                secure: false,
                changeOrigin: true,
                pathRwrite: {
                    "^/fileUpload": '' // ^/fileUpload是正则
                },
            }
        }
    }
})

表示所有 以/fileUpload 开头的接口将请求到 https://emsrot.com/uat-ssd/****