vue前后端处理和使用token的流程

1、前端在登录时，将登陆成功返回的token通过cookie存储下来。并在每个请求中携带自定义token，请根据实际情况自行修改，例（config.headers['Authorization'] = 'Bearer ' + getToken()）。

 

2、前端设置响应拦截器（service.interceptors.response.use），对（token过期/token为空/token错误）时访问接口出现401的响应操作进行拦截，提示用户登录状态已过期，然后返回登录页。

 

3、后端需要对每个接口的token都进行校验，如果出现（token过期/token为空/token错误）时，需要返回错误提示给前端，一般都是401未授权

 

4、后端需要给一个删除token的接口给前端，此接口的作用是用于前端的退出登录和重新登录的操作。token删除之后就会失效，需要一个新的token才能继续访问接口。

 

5、前端在执行退出登录或者重新登录的操作时，都要请求后端提供的删除token的接口，一般传递的参数都是当前使用的token。后端在获取到token参数之后，就会将当前的token删除，这个token就会失效。