使用 csurf 和 react-server

Question

我想在通用应用程序的react-server 中添加csurf 作为快速中间件。

我想要实现的是将 csrf 令牌添加到 react 组件中表单中的隐藏输入中，以保持与服务器呈现的网站相同的 csrf 保护流程，但在 SPA 中。

这在技术上是否可以在 react-server 中实现？如果是这样，我如何通过页面（理想情况下）将响应对象中可用的 csrf 令牌传递给反应组件？

Answer 1

我实际上遇到了同样的问题，幸运的是在这里遇到了解决方案：https://github.com/kriasoft/react-starter-kit/issues/1142

使用它只需这样做：

app.use(csrf({ cookie: true, value: (req) => (req.cookies.csrfToken) }));

然后为每个 get 请求设置一个带有 csrf 令牌的 cookie：

res.cookie('csrfToken', req.csrfToken ? req.csrfToken() : null, { sameSite: true, httpOnly: true });