手写axios登陆功能流程
- 用户在前端输入用户名和密码,点击登陆按钮。
- 前端调用axios发送POST请求,将用户名和密码作为请求体发送到后端。
- 后端接收到请求体,验证用户名和密码是否正确,若正确则生成token。
- 后端将生成的token作为响应体返回给前端。
- 前端接收到响应体中的token,将其存储在本地(如localStorage或cookie)。
- 前端通过路由或其他方式跳转到登陆后的页面,每次发送请求时在请求头中携带token。
- 后端接收到带有token的请求,验证token是否有效,若有效则返回相应的数据,若无效则返回401 Unauthorized状态码。
- 当用户点击退出登陆时,前端清空本地存储的token,跳转到登陆页面。
原文地址: https://www.cveoy.top/t/topic/qjT 著作权归作者所有。请勿转载和采集!