Package.json替代React SSR生產應用程序的代理

Question

所以我想找到一種方法來將package.json的這一部分實現到負責我的React App服務器端渲染的server.js中。

"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}));