如何合併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'); 
    } 
}]