MERN 应用程序中的重复选项卡问题

Posted 2023-03-10

【中文标题】MERN 应用程序中的重复选项卡问题

【英文标题】：Duplicate Tab Issue in MERN Application

【发布时间】：2019-12-07 15:04:10

【问题描述】：

我已经使用 MERN 堆栈开发了一个应用程序。它在一个单一的工作正常。我在使用它时遇到以下问题：

步骤：

登录系统。 登录后打开一个重复的选项卡。 从原始选项卡中注销。 返回“复制”选项卡并执行任何操作。用户可以执行操作，而不是从系统注销。

假设当我从原始选项卡注销时，“TOKEN”从“localstorage”中删除。

我正在使用 REACT、REDUX、NODEJS、MONGODB、EXPRESS

我的主要问题是用户如何能够在不进行身份验证的情况下访问 api。

【参考方案1】：

我认为你应该尝试以下步骤：

检查您是始终从本地存储中获取令牌，还是将其存储在某个变量中进行响应，因此即使在从本地存储中删除令牌后，您的服务也可能能够访问令牌。

确保令牌已从本地存储中删除。

检查浏览器控制台的网络选项卡，查看是否发送令牌的请求标头和正文。

【讨论】：

在 Redux 中，我们将令牌存储为初始状态，如下所示 const initialState = token: localStorage.getItem("token"), isAuthenticated: null, loading: true, user: null ;对于 LOGOUT 操作案例 LOGOUT: case ACCOUNT_DELETED: localStorage.removeItem("token"); return ...state, token: null, isAuthenticated: false, loading: false ;我们正在做上面的事情

从本地存储注销时，token被删除