实现退出功能

1、退出的<a> 链接如下：

注意：这里是使用的layui的组件类。

<a href="javascript:;" id="btnLogout"><span class="iconfont icon-tuichu"></span>退出</a>

2、JS功能实现：

注意：这里使用的了layui的弹出层作为决定是否退出。下面还清空了缓存，防止退出用户又能回到系统页面。

  var layer = layui.layer

  // 点击按钮，实现退出功能
  $('#btnLogout').on('click', function() {
    // 提示用户是否确认退出
    layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
      //do something
      // 1. 清空本地存储中的 token
      localStorage.removeItem('token')
      // 2. 重新跳转到登录页面
      location.href = '/login.html'

      // 关闭 confirm 询问框
      layer.close(index)
    })
  })