我应该在哪里将这段代码放在react app中

时间:2018-09-27 19:27:51

标签: reactjs

我正在关注此链接https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#serving-apps-with-client-side-routing上的react文档。

它有一个使用node和express的代码示例:

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'build')));

app.get('/', function(req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(9000);

以处理domain.com/todos/42之类的网址。

使用create-react-app生成react应用时。我应该把这些代码放在哪里?

3 个答案:

答案 0 :(得分:0)

https://daveceddia.com/create-react-app-express-backend/

这是一个很好的教程,可以帮助您创建带有express的react应用

*更新的链接具有正确的链接

答案 1 :(得分:0)

实际上,您不应该将代码放入应用程序中。因为它是您的前端部分,而node.js是您的后端部分。

因此,最好的解决方案是您应使用“ Ajax”,“ Axios”等来调用您的请求。

答案 2 :(得分:0)

您的代码应该与否(应该在代码中设置)放入“ build”文件夹中。您必须先构建自己的react应用程序,然后将内容从React项目的“ build”目录移动到服务器的“ build”目录。