如何将URL添加到我的应用程序中每个提取请求的起始位置？

Question

我有一个从CRA开始的react应用程序，以及为我的react应用程序设置的后端服务器。

我的抓取请求就像

const res = await fetch("/applications", {
...

我已经使用http-proxy-middleware用代理中间件设置了我的应用程序

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    createProxyMiddleware({
      target: 'https://projects.mydomain.com/', 
      changeOrigin: true,
    })
  );
};

当我使用fetch("/applications")向后端提出请求时，我的请求被解析为fetch("/projects.mydomain.com/applications")

但是，我需要在启动所有获取请求时添加一个url路径，我最后想要的结果是：

fetch("/projects.mydomain.com/b2b-iys/applications")

我试过这样做：

  app.use(
    '/b2b-iys/',
    createProxyMiddleware("/b2b-iys", {
      target: 'https://projects.muhammed-aldulaimi.com/', 
      changeOrigin: true,
    })
  );

但那不管用。

理想情况下，我希望将其添加到代理中，而不是逐个更改文件。

这里的解决方案是什么？

Answer 1

在http中间件文档中，我认为您可以使用pathRewrite选项添加基本路径：

app.use(
  createProxyMiddleware({
    target: 'https://projects.mydomain.com', 
    changeOrigin: true,
    pathRewrite: {'^/': '/b2b-iys/'}
  })
);