如何存储 JWT 并使用 React 将它们与每个请求一起发送

很高兴知道，因为我的基本注册/身份验证系统正在运行。

所以基本上我得到了这个：

app.post('/login', function(req,res) {
 Users.findOne({
email: req.body.email
}, function(err, user) {
if(err) throw err;

if(!user) {
  res.send({success: false, message: 'Authentication Failed, User not found.'});
} else {
  //Check passwords
  checkingPassword(req.body.password, user.password, function(err, isMatch) {
    if(isMatch && !err) {
      //Create token
      var token = jwt.sign(user,db.secret, {
        expiresIn: 1008000
      });
      res.json({success: true, jwtToken: "JWT "+token});
    } else {
      res.json({success: false, message: 'Authentication failed, wrong password buddy'});

       }
     });
    }
 });
});

然后，每当我发送带有 jwt 标头的 get 请求时，我都会使用 POSTMAN 保护我的 /admin 路由，一切都运行良好。

现在这是棘手的部分，基本上当我要登录时，如果成功，则将我重定向到管理页面，每次我尝试访问 admin/* 路由时，我想将我的 jwToken 发送到服务器，但问题是，我该如何实现这一目标？我没有使用 redux/flux，只是使用 React/react-router。

我不知道机械师是如何工作的。

多谢你们

不要将令牌存储在 localStorage 中，令牌可能会被 xss 攻击破坏。 我认为最好的解决方案是在登录操作时向客户端提供访问令牌和刷新令牌。 将访问令牌保存在内存中（例如 redux 状态），并且应该使用 httpOnly 标志（如果可能的话，还可以使用 secure 标志）在服务器上创建刷新令牌。 访问令牌应设置为每 2-3 分钟过期一次。 为了确保用户不必每 2-3 分钟输入一次凭据，我有一个间隔，调用/refreshToken当前令牌过期之前的端点（静默刷新令牌）。

这样，访问令牌就不会被 xss/csrf 破坏。 但使用 xss 攻击，攻击者可以代表您拨打电话/refreshToken端点，但这不会有害，因为返回的令牌不会被破坏。