美文网首页
webpack配置proxy做反向代理,解决跨域问题

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

作者: _花 | 来源:发表于2018-02-26 17:57 被阅读0次
    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做反向代理,解决跨域问题

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