美文网首页
项目配置多个服务解决多个跨域问题

项目配置多个服务解决多个跨域问题

作者: tenro | 来源:发表于2020-06-30 17:23 被阅读0次

在webpack配置反向代理的时候,我们可以配置多个代理解决本地跨多个域名的问题

proxy: {
    '/api': {
        target:'https://api.com/',  //代理地址
        changeOrigin: true,  //改变源
        pathRewrite: {    //重写地址
             '^/api': ''
        },
    },
    "/b": {
        target: 'https://b.com/', 
        changeOrigin: true, 
        pathRewrite: {
            "^/b": "/" 
        }
    },
    "/c": {
        target: 'https://c.com/', 
        changeOrigin: true, 
        pathRewrite: {
            "^/c": "/" 
        }
    },
},

请求的时候要区分本地还是先上

if (window.location.host=="127.0.0.1" || window.location.host.indexOf('localhost') != -1 ){
     url = '/api/abc'    //本地      相当于用 '/api' 代替了下面的 ‘https://xxx.com/’
}else{
     url = 'https://xxx.com/abc'  //线上
}

相关文章

网友评论

      本文标题:项目配置多个服务解决多个跨域问题

      本文链接:https://www.haomeiwen.com/subject/puwxqktx.html