react-router - 如何代理到特定路径上的后端服务器？

Question

这是路由配置:

<Route path='/' component={CoreLayout}>
  <IndexRoute component={HomeView}/>
  <Route path='/404' component={NotFoundView}/>
  <Redirect from='*' to='/404'/>
</Route>

这是 webpack-dev-server 的代理配置:

proxy: {
  '/service': 'http://localhost:8080'
}

express 服务器监听 3000 端口。

希望所有请求发送至 http://localhost:3000/service将被转移到http://localhost:8080 ，但似乎react-router处理了所有请求并且代理不起作用。

有人知道如何解决这个问题吗？预先感谢您

Answer 1

1. 检查Webpack Dev Server文档中，您需要为对象提供 target 属性。

2. http-proxy-middleware文档显示了使用模式进行匹配。

总之，我会尝试这个:

proxy: {
  '/service/**': { target: 'http://localhost:8080' }
}