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的信息并跳到登录页面。