在项目根目录下新建config.js文件

  1. vue.config.js 配置
module.exports = {
    devServer: {
        port: 8080,
        proxy: {
            // 要走第二個服務器的URL 的寫法 : /api + 远程机器的path   
            // 第一台服务器配置 
            '/api': {
                //目标路径
                target: 'http://localhost:8000/api/',
                ws: true,
                //允许跨域
                changeOrigin: true,
                //重写路径
                pathRewrite: {
                    '^/api': '/'
                }
            },

            // 要走第二個服務器的URL 的寫法 : /api2 + 远程机器的path   
            // 第二台服务器配置 
            '/sec': {
                //目标路径
                target: 'http://localhost:9081',
                ws: true,
                //允许跨域
                changeOrigin: true,
                 //重写路径
                pathRewrite: {
                    '^/sec': '/'
                }
            }
        }
    }
}

2.axios修改配置,让axios配置地址为空字符串

let instance = axios.create({
    baseURL: ""
});

 3.封装请求方法中,前缀调用不同接口发送请求

//  请求前缀为"/api"
export function addUsers(data) {
     return instance.post('/api/server/append', {...data });
 }

//  请求前缀为"/sec"
 export function getOtherAPi() {
     return instance.get('/sec');
 }

Logo

前往低代码交流专区

更多推荐