Abp Vnext3 vue-admin-template(二用户退出)
2024-09-05 11:33:27
先修改用户退出,中午有点困先改简单的
退出代码在src\layout\components\Navbar.vue代码如下,讲流程这里不需要修改
methods: {
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
},
async logout() {
await this.$store.dispatch('user/logout')
this.$router.push(`/login?redirect=${this.$route.fullPath}`)
}
}
退出方法调用store\user.js的logout及resetToken,官方提供示例是post方式,abp退出是get方式请求
logout({ commit, state, dispatch }) {
return new Promise((resolve, reject) => {
logout(state.token).then(() => {
commit('SET_TOKEN', '')
commit('SET_ROLES', [])
removeToken()
resetRouter() // reset visited views and cached views
// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
dispatch('tagsView/delAllViews', null, { root: true }) resolve()
}).catch(error => {
reject(error)
})
})
},
直接修改为
logout({ commit, state }) {
return new Promise((resolve, reject) => {
removeToken()
resetRouter()
commit('RESET_STATE')
resolve()
})
},
把src\api\user.js中的logout方法访问url修改为以下代码
export function logout() {
return request({
url: '/api/account/logout',
method: 'get'
})
}
最后一步清除Token
resetToken({ commit }) {
return new Promise(resolve => {
removeToken() // must remove token first
commit('RESET_STATE')
resolve()
})
}
测试点退出,返回登录页,并将cookie中的token清除成功
最新文章
- 【C#公共帮助类】 ToolsHelper帮助类
- 【Android自学日记】五大布局常用属性
- phoneGap
- Python语言Web开发框架web2py
- oracle job create table insert into
- 简单dp的状态转移方程集合
- 33-Url辅助方法
- 教你50招提升ASP.NET性能(十九):静态集合
- 前端性能优化工具--DOM Monster
- innodb对update的处理
- WebApi学习总结系列第五篇(消息处理管道)
- [Sequence Alignment Methods] Smith–Waterman algorithm
- 【原创】CLEVO P157SM外接鼠标键盘失灵解决:更换硅脂(附带最新跑分数据)
- Andrew NG 机器学习编程作业6 Octave
- CZT变换(chirp z-transform)
- <;Spark>;<;Spark Streaming>;<;作业分析>;<;JobHistory>;
- MyEclipse 10 注册码 破解 到期限制
- 解决";libc.so.6: version `GLIBC_2.14&#39; not found";,系统的glibc版本太低 {强行安装!!}
- 风雪之隅(Laruence PHP开发组成员, Zend兼职顾问, Yaf, Yar, Yac, Opcache等项目作者、维护者.)
- [原][译][osgearth]关于Features &; Symbology (特征与符号)(OE绘制矢量几何与特殊字符)讲解(OE官方文档翻译)