Question

我正在关注此链接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应用时。我应该把这些代码放在哪里？

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

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

3 个答案: