如何合并webpack dev服务器代理网址

Question

我需要为我的webpack dev服务器路径设置标题，但正如您可以看到的这个配置一样，我必须复制每个我想指定的url的代理配置，是否有任何方法干这个配置？

devServer: { 
port: 3120, 
host: "10.0.0.46", 
publicPath: "http://10.0.0.46:3102/dist/js/", 
hot: true, 
compress: true, 
contentBase: path.join(__dirname, "public"), 
proxy: { 
    "/customer/x": { 
    target: "http://localhost:3100", 
    secure: false, 
    onProxyReq: function (proxyReq, req, res) { 
     proxyReq.setHeader('X-Forwarded-User', 'user'); 
    } 
    }, 
    "/cluster/**": { 
     target: "http://localhost:3100", 
     secure: false, 
     onProxyReq: function (proxyReq, req, res) { 
     proxyReq.setHeader('X-Forwarded-User', 'user'); 
     } 
    }, 
    "/server/**": { 
     target: "http://localhost:3100", 
     secure: false, 
     onProxyReq: function (proxyReq, req, res) { 
     proxyReq.setHeader('X-Forwarded-User', 'user'); 
     } 
    }, 
    "/data": { 
     target: "http://localhost:3100", 
     secure: false, 
     onProxyReq: function (proxyReq, req, res) { 
     proxyReq.setHeader('X-Forwarded-User', 'user'); 
     } 
    }, 
    "/graph": { 
     target: "http://localhost:3100", 
     secure: false, 
     onProxyReq: function (proxyReq, req, res) { 
     proxyReq.setHeader('X-Forwarded-User', 'user'); 
     } 
    } 
} 

}

正如你所看到的，所有代理的配置设置是一样的，除了网址的一部分。

我的版本是：

"webpack": "^2.2.1" 
"webpack-dev-server": "^2.4.5" 

Answer 1

如果要代理多个，相同的目标的具体路径，可以使用一个或多个对象的数组与上下文属性：

proxy: [{ 
    context: ["/auth", "/api"], 
    target: "http://localhost:3000", 
    secure: false, 
    onProxyReq: function (proxyReq, req, res) { 
    proxyReq.setHeader('X-Forwarded-User', 'user'); 
    } 
}]