我的（三）-退出功能——调用退出接口 & 移除本地token

最新推荐文章于 2024-11-17 21:15:42 发布

viceen

最新推荐文章于 2024-11-17 21:15:42 发布

阅读量2k

点赞数 1

分类专栏：项目-react-移动端文章标签： reactjs

本文链接：https://blog.csdn.net/weixin_44867717/article/details/117340690

版权

项目-react-移动端专栏收录该内容

85 篇文章

订阅专栏

退出功能——调用退出接口 & 移除本地token

点击按钮,退出登录
- 给退出按钮绑定单击事件，创建方法 logout 作为事件处理程序。
- 导入 Modal 对话框组件（文档）。
- 在方法中，拷贝 Modal 组件文档中确认对话框的示例代码。
- 修改对话框的文字提示。
- 在退出按钮的事件处理程序中，先调用退出接口（让服务端退出），再移除本地token（本地退出）。
- 将登陆状态 isLogin 设置为 false。
- 清空用户状态对象。

  handleLogout = async () => {
    // 退出操作   注意三个参数的顺序
    let res = await axios.post('/user/logout', null, {
      headers: {
        Authorization: token.getToken()
      }
    })
    if (res.status === 200) {
      // 退出成功，删除token，清空页面数据
      token.removeToken()
      this.setState({
        info: null
      })
    }
  }