带有查询参数的Webpack dev-server代理

Question

我正在尝试使用动态查询参数proxy我的请求，但似乎要么得到404错误，要么根本没有响应。这是我到目前为止所尝试的：

'/services/app/details.json?id=*': {
    target: 'https://website.com/api/v1/potato/',
    changeOrigin: true,
    secure: true,
    pathRewrite: {
      '^/services/app/details.json?id=': '',
    },
}

我希望本地计算机（/services/app/details.json?id=2189）的请求代理到https://website.com/api/v1/potato/2189，但似乎id未附加到目标请求并导致404错误。

我尝试使用bypass方法自己附加id，而不是给我任何响应对象。

'/services/app/details.json?id=*': {
    target: 'https://website.com/api/v1/potato/',
    changeOrigin: true,
    secure: true,
    pathRewrite: {
      '^/services/app/details.json?id=': '',
    },
    bypass(req, res, proxyOptions) {
      const id = (req.query.id ? req.query.id : '');

      const API = Object.assign({}, proxyOptions, {
        target: proxyOptions.target + id,
      });

      return API.target;
    },
}

有没有人有这方面的经验？