您现在的位置是:首页 >技术教程 >前端054_权限系统(身份认证+退出+刷新令牌)_登录功能网站首页技术教程

前端054_权限系统(身份认证+退出+刷新令牌)_登录功能

数哥 2024-09-07 12:01:04
简介前端054_权限系统(身份认证+退出+刷新令牌)_登录功能

权限系统-身份认证+退出+刷新令牌

登录功能

1、分析登录功能

重点核心关注 srcpermission.js 路由拦截器,如果没有 token ,则跳转登录页。
登录后我们在路由拦截器中,从Cookie中获取认证信息( userInfo、access_token、refresh_token)。

2、实现跳转认证客户端

修改 srcpermission.js 路由拦截器,如如果没有 token ,则跳转认证客户端 http://localhost:7000

  1. .env.development 和 .env.production 分别添加认证中心URL VUE_APP_AUTH_CENTER_URL 和 Cookie认证信息保存域 VUE_APP_AUTH_DOMAIN (后面从 cookie 获取认证信息时有用)。
  • .env.development 定义变量, 需要以 VUE_APP_ 开头。
# 开发环境,认证中心地址,需要以 `VUE_APP_
风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。