javascript - 将 csurf 与 react 服务器一起使用

Question

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

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

这在 react-server 中在技术上是否可行？如果是这样，我如何通过页面(理想情况下)将响应对象中可用的 csrf token 传递给 react 组件？

Answer 1

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

使用它只是做:

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

然后为每个 get 请求设置一个带有 csrf token 的 cookie:

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