webpack配置proxy做反向代理,解决跨域问题

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
            '/discount/*': { 
                target: 'http://10.1.2.36:5081',
//              secure: false, // 接受 运行在 https 上的服务
                changeOrigin: true,
            },
            '/finance/*': { 
                target: 'http://10.1.2.36:5061',
//              secure: false, // 接受 运行在 https 上的服务
                changeOrigin: true,
            },
            '/sysUser/*':{
                    target: 'http://10.1.5.158:5021',
//              secure: false, // 接受 运行在 https 上的服务
                changeOrigin: true,
            }
    },
//只截取了配置文件config/index.js里一段代码

如果所有的接口都在同一个地址 http://10.1.2.36:5081 下可以写成

 '/': { 
                target: 'http://10.1.2.36:5081',
//              secure: false, // 接受 运行在 https 上的服务
                changeOrigin: true,
            }

若需要新地址替换旧地址,详情参照 https://github.com/chimurai/http-proxy-middleware

// rewrite path
pathRewrite: {'^/old/api' : '/new/api'}

// remove path
pathRewrite: {'^/remove/api' : ''}

// add base path
pathRewrite: {'^/' : '/basepath/'}

你可能感兴趣的:(webpack配置proxy做反向代理,解决跨域问题)