前端050_单点登录SSO_登录功能实现

登录功能实现

  • 1、登录认证流程
  • 2、定义 Api 调用登录接口
  • 3、Vuex 登录信息状态管理
  • 4、提交登录触发 action
  • 5、测试

1、登录认证流程

单点登录认证流程图
前端050_单点登录SSO_登录功能实现_第1张图片

  1. 门户客户端要求登录时,输入用户名密码,认证客户端提交数据给认证服务器
  2. 认证服务器校验用户名密码是否合法,合法响应用户基本令牌 userInfo 、访问令牌 access_token 、刷新令牌 refresh_token。不合法响应错误信息。

2、定义 Api 调用登录接口

  1. 创建调用认证API接口文件 src/api/auth.js
    登录时,要在请求头带上客户端ID和客户端密码,并且在请求头指定数据格式
import request from "@/utils/request"

你可能感兴趣的:(前端,javascript,vue.js)