2020-03-23(vue项目中如何实现登录及token验证的步骤)

1. 登录的时候,前端要调用后端的接口,发送用户名和密码。

2. 后端收到请求的时候,验证用户名和密码,验证成功,就会给前端返回一个token值。

3. 前端接受到token的,把token存储到本地(localStorag cookie)和vuex中,并跳转路由页面。

4. 前端每次跳转路由的时候,就会判断localStorag cookie有没有token,如果没有token就要调到登录页面,如果有则跳到相应的页面。

5. 每次调用后台接口的时候,都在请求头上加token

6. 后台判断请求头中有没有token值,有就拿到token并验证token,验证成功就返回数据,验证失败(token过期)就返回401,请求头上没有token也返回401

7. 前端拿到401,它就会清除token的信息并跳到登录页面。

你可能感兴趣的:(2020-03-23(vue项目中如何实现登录及token验证的步骤))