登录功能实现
- 1、登录认证流程
- 2、定义 Api 调用登录接口
- 3、Vuex 登录信息状态管理
- 4、提交登录触发 action
- 5、测试
1、登录认证流程
单点登录认证流程图
- 门户客户端要求登录时,输入用户名密码,认证客户端提交数据给认证服务器
- 认证服务器校验用户名密码是否合法,合法响应用户基本令牌 userInfo 、访问令牌 access_token 、刷新令牌 refresh_token。不合法响应错误信息。
2、定义 Api 调用登录接口
- 创建调用认证API接口文件 src/api/auth.js
登录时,要在请求头带上客户端ID和客户端密码,并且在请求头指定数据格式
import request from "@/utils/request"