前端token是什么?怎么进行封装使用

一.token的封装和使用

1.token是什么?能干什么?

使用基于 Token 的身份验证方法,在服务端不需要存储用户的登录记录。大概的流程是这样的:

客户端使用用户名跟密码请求登录 服务端收到请求,去验证用户名与密码 验证成功后,服务端会签发一个 Token,再把这个 Token 发送给客户端 客户端收到 Token 以后可以把它存储起来,比如放在 Cookie 里或者 Local Storage 里 客户端每次向服务端请求资源的时候需要带着服务端签发的 Token 服务端收到请求,然后去验证客户端请求里面带着的 Token,如果验证成功,就向客户端返回请求的数据

2.封装和使用

将token单独封装在一个文件夹中 ,包含三个函数建立 获取 删除 token(如图)

前端token是什么?怎么进行封装使用_第1张图片

 

在登录组件中进行inport导入,当用户登录成功时,调用settoken(传入token) 如图

前端token是什么?怎么进行封装使用_第2张图片

 

拿token和删除token类似

你可能感兴趣的:(vscode,vue,前端框架)