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