前端053_单点登录SSO_刷新令牌获取新令牌

本文详细介绍了前端实现单点登录(SSO)时如何使用刷新令牌(refreshToken)获取新accessToken的过程。包括创建刷新令牌组件、配置路由、在EasyMock上设置接口、定义API调用、使用Vuex管理和重置状态,以及测试整个流程。当accessToken过期时,通过refreshToken请求新令牌,确保用户能够继续访问资源。
摘要由CSDN通过智能技术生成

当应用系统请求后台资源接口时,要在请求头带上 accessToken 去请求接口,如果 accessToken 有效,资源服务器正常响应数据。

如果访问令牌 accessToken 过期,资源服务器会响应 401 状态码 。当应用系统接收到 401 状态码时,通过刷新令牌 refreshToken 获取去请求新令牌完成新的重新身份。

在这里插入图片描述

在这里插入图片描述

1、创建刷新令牌组件

在认证前端 mengxuegu-auth-center 创建一个刷新组件,用于接收应用系统发送请求到认证前端,进行刷新令牌重新身份认证。
刷新组件以弹窗方式:提示正在重新身份认证

  1. 创建组件模板 src/views/auth/refresh.vue
<template
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

数哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值