如何在发送之前动态更改 proxy.conf 中的请求.js

Question

我有一个 Angular7 应用程序，想通过 Angular CLI 代理向 API 发送 HTTP 请求。然后，API 使用 JSON 对象进行响应。我的代理配置是在 proxy.conf.js 中完成的。

具有简单目标的简单请求工作正常。但是我想在发送请求之前动态更改请求。我在 https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md#bypass-the-proxy 找到了一条指令，但我无法让它动态更改目标 url。

我的目标：
我想向天气 API 发送请求。我发送到该 API 的 url 必须包含城市的纬度和经度。城市将由用户选择。此用户输入应更改请求目标。

我发送的请求：
http://localhost:4200/forecast?lat=51.33962&lon=12.37129

这是我的代理.js：

const PROXY_CONFIG = [
{
context: [
"/forecast",
],
target: "https://api.anyName.net/forecast/anyKey/37.8267,-122.4233",
changeOrigin: true,
secure: false,
pathRewrite: {
"^/forecast": ""
},
bypass: function(req, res, proxyOptions) {
if (req.query.lat) {
let LATITUDE = req.query.lat;
let LONGITUDE = req.query.lon;
const newTarget = "https://api.anyName.net/forecast/anyKey/"+LATITUDE+","+LONGITUDE;               
req.target = newTarget;
return newTarget;
} 
},
}
];
module.exports = PROXY_CONFIG;

我不太确定如何使用旁路功能。我该怎么做才能改变目标？

Answer 1

好吧，我设法实现了我想要的。我确实错过了我在这一行中所做的pathRewrite: {"^/forecast": ""},实际上是一个正则表达式，我可以操纵将要发送的请求。所以我做了以下工作：

const PROXY_CONFIG = [
{
context: [
"/forecast",
],
target: "https://api.anyName.net/forecast/anyKey/",
changeOrigin: true,
secure: false,
pathRewrite: function(path) {
const parameter = path.split("?")[1];
const latitude  = parameter.split("&")[0].split("=")[1];
const longitude = parameter.split("&")[1].split("=")[1];
return path.replace(path, `${latitude},${longitude}`);
},
}
];
module.exports = PROXY_CONFIG;

我确实在这里找到了有用的文档 https://github.com/chimurai/http-proxy-middleware#options 并在那里得到了提示 Angular-CLI 代理到后端

不起作用