如何在现有的反应应用中添加快速后端

时间:2017-08-23 23:06:35

标签: reactjs express

我的问题几乎都在标题中。

所以我建立了一个react / redux前端。 现在,任务是为它提供新的Express安装。

说,我的api应该来自“/ api / ...”,并且反应前端应该是“/”

只是将节点模块合并为一个并配置Express路由,还是需要做其他事情?

1 个答案:

答案 0 :(得分:0)

可以使用here这是一个非常好的示例。

他配置的要点是:

  • 您有两个package.json和两组依赖项。
  • 在开发过程中,您有两台服务器,并将后端配置为前端package.json文件中的代理:例如: "proxy": "http://localhost:5000"
  • 在制作中,您将前端代码编译为静态html,并将所有非api请求路由到快速配置末尾的已编译html:

路由可能如下所示:

app.get('/api/foo', function (req, res) {
  res.send('{"foo":"foo"}');
});

app.get('/api/bar', function (req, res) {
  res.send('{"bar":"bar"}');
});

app.get('*', function(req, res) {
  res.sendFile(path.resolve(__dirname, '../react-ui/build', 'index.html'));
});

显然所有信用都归功于超级示例应用的火星。