vue实现后台页面实现退出功能

1.实现原理：通过点击事件，清空token,并跳转到登录页面。这样用户就必须重新登录，才能进入后台页面。

2.具体实现方法

在后台的vue中添加以下代码

<template>
  <div>
    <el-button type="info" @click="logout">退出</el-button>
  </div>
</template>

<script>
  export default {

    methods: {
      //退出后台管理界面，实现原理，清空token,跳转到登录页面。
      logout(){
        window.sessionStorage.clear()
        this.$router.push('/login')
      }
    }

  }

</script>