【问题标题】:Duplicate Tab Issue in MERN ApplicationMERN 应用程序中的重复选项卡问题
【发布时间】:2019-12-07 15:04:10
【问题描述】:

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

步骤:

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

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

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

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

【问题讨论】:

    标签: node.js reactjs express redux jwt


    【解决方案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被删除
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多