React跳转异常:错误token仍跳转至StudentLobby问题排查
问题原因及解决办法
- 你现在的代码完全没对获取到的token做有效性校验,不管后端返回的是正确token还是错误值,都会直接执行跳转逻辑。
- 必须先判断token的合法性再决定是否跳转:
- 先解析后端返回的完整响应(比如转成JSON),看后端有没有返回登录状态标识(比如
success字段、错误码),只有当状态为“登录成功”时,才处理token并跳转。 - 比如后端返回格式是
{"success": true, "token": "valid_token"},那你要先判断success是否为true,再执行localStorage.setItem和跳转;如果是{"success": false, "msg": "账号密码错误"},就不跳转,还要提示用户登录失败。 - 同时要处理HTTP请求失败的情况(比如网络错误、后端返回5xx/4xx状态码),这类情况也不能跳转。
- 先解析后端返回的完整响应(比如转成JSON),看后端有没有返回登录状态标识(比如
- 检查你的登录函数代码,现在应该是拿到响应就直接存token跳转,没有任何条件判断分支,补上这个校验逻辑就能解决问题。
内容的提问来源于stack exchange,提问作者idanr
相关产品推荐
相关产品推荐

