vue-admin-实现登出功能
实现登出功能
目标：实现用户的登出操作
登出仅仅是跳到登录页吗？
不，当然不是，我们要处理如下
同样的，登出功能，我们在vuex中的用户模块中实现对应的action
登出action src/store/modules/user.js
// 登出的actionlogout(context) {// 删除tokencontext.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的// 删除用户资料context.commit('removeUserInfo') // 删除用户信息}
头部菜单调用action src/layout/components/Navbar.vue
async logout() {await this.$store.dispatch('user/logout') // 这里不论写不写 await 登出方法都是同步的this.$router.push(`/login`) // 跳到登录}
注意我们这里也可以采用vuex中的模块化引入辅助函数
import { mapGetters, createNamespacedHelpers } from 'vuex'
const { mapActions } = createNamespacedHelpers('user') // 这是的mapAction直接对应模块下的action辅助函数methods: {...mapActions(['lgout']),}
以上代码，实际上直接对user模块下的action进行了引用。
写在最后
✨个人笔记博客✨
星月前端博客
http://blog.yhxweb.top/
✨原创不易，还希望各位大佬支持一下
vue-admin-实现登出功能相关推荐
- 淘东电商项目（27） -门户登出功能
引言 本文代码已提交至Github(版本号:42c2ed4af58dac7388e399a1f3606baf4c57744e),有兴趣的同学可以下载来看看:https://github.com/ylw ...
- 单点登录cas-4.0.0 只是简单的同时登入，同时登出功能
什么是单点登录 单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一.SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统 ...
- 通过session实现用户的登录与登出功能
通过session实现用户的登录与登出功能 本文讲解,就是在常见的登录注册页面中,我们是如何在登录之后,把用户的信息传送到后面的网页. 首先讲解原理,原理是session功能,通过session的在当 ...
- [django项目] 实现用户登录登出功能
用户登录登出功能 I. 功能需求分析 1>功能分析 1.1>流程图 1.2>功能接口 登录页面 登录功能 退出功能 II. 登陆页面 1>接口设计 1.1>接口说明 类目 ...
- Springboot+JWT+Redis实现登陆登出功能
1:什么是Token?:三部分组成:头+有效负载+签名 1.1 JWT创建中的一些方法讲解: public static String createTokenWithClaim(User user){ ...
- spingboot：登出功能
登录功能可以销毁session或者删除session的属性来实现 session.invalidate(); session.removeAttribute("ID"); 这里的I ...
- flask 登出功能
@main.route('/login_out',methods=['GET','POST']) def login_out():session.clear()return redirect(url_ ...
- Springboot整合SpringSecurity 04-启用登出logout功能
Springboot整合SpringSecurity 04-启用登出logout功能 前面Springboot整合SpringSecurity 02-使用自定义登陆页面我们讲过了SpringSecur ...
- CAS 单点登录/登出 系统
前言: 在我们的实际开发中,更多的是采用分布式系统.那么问题来了,对于分布式系统的登录问题,我们如何解决呢? 如果说我们在每一个系统中都要进行一次登录,那么用户体验度也就差的没法用了.以京东商城为例, ...
最新文章
- 关于学习Python的一点学习总结（56-＞random的使用）
- perconadb mysql_是时候用PerconaDB替换MySQL了
- python ffmpeg 视频转图片 视频转音频 播放音频 多张图片+音频转视频 多个视频合成一个视频 改变视频播放速度
- java的死锁是什么意思_Java面试题：什么是死锁？如何手写一个死锁（Dead Lock）...
- 远程仓库---从远程库克隆
- Optional.isEmpty（）即将加入Java吗？
- c#构造器的一点理解（三）
- 【读书笔记】100个Switf必备tips
- Atiitt 流水线停顿问题与解决方法 1. 流水线技术方式分类 1 2. 但在实际中，会出现2种情况使流水线停顿下来或不能启动： 2 2.1. 1、多个任务在同一时间周期内争用同一个流水段 2 2
- 路遥《平凡的世界》读后感
- 当前日期或 *（星号）显示在 think-cell 标签中
- EF MYSQL批量更新_Entity Framework Core 5中实现批量更新、删除
- java 支付宝转账_Java 支付宝支付,退款,单笔转账到支付宝账户(单笔转账到支付宝账户)...
- win10无法安装完成若要在此计算机上,win10提示windows安装无法继续怎么办
- 用 Python 在股票交易中实现布林带策略
- 浅谈 js 面向对象
- 杨辉三角 c语言 二维数组
- 考试自动显示答案的软件或者源码
- bpl开发模式_BPL的完整形式是什么？
- Google地图新功能展示你所有旅程 诺基亚地图传被收购
热门文章