因为我们是基于token实现登录,后续的请求没有携带token就会强制跳转到登录页面,所以实现退出功能,只需销毁本地存储的token即可
将components下的Home.vue修改为:
<template>
<div>
<el-button type="info" @click="logout">退出</el-button>
</div>
</template>
<script>
export default {
methods:{
logout(){
//清空token
window.sessionStorage.clear()
//跳转到登录页
this.$router.push('/login');
}
}
}
</script>
<style lang="less" scoped>
</style>