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

退出功能——调用退出接口 & 移除本地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
      })
    }
  }

登录成功

退出异常-注意请求参数顺序