Альтернативный прокси Package.json для производственного приложения React SSR

Question

Итак, я хотел бы найти способ, как внедрить эту часть package.json в мой server.js, который отвечает за мой рендеринг на стороне сервера React App.

"proxy": {
    "/api/*": {
      "target": "http://localhost:3501"
    },
    "/media/*": {
      "target": "http://localhost:3501"
    }
  },

Я просмотрел некоторые библиотеки, такие как express-http-proxy и http-proxy-middleware, но не могу найти работающее решение.

Последнее, что я попробовал:

import proxy from 'express-http-proxy';
...

app.use('/api', proxy('http://localhost:3501/api/*'));

app.use('/media', proxy('http://localhost:3501/media/*'));

Он регистрирует 404, и путь в основном правильный, просто без "/ api /" должно быть "/ api / posts /", но только для журналов "/posts/".

Answer 1

Использование http-proxy-middleware

Это так просто.Замените свой текущий код на это:

import proxy from 'http-proxy-middleware';

...

app.use('/media/*', proxy({target: 'http://localhost:3500', changeOrigin: true}));