vue 关于前端用户信息存储及后台用户数据更新的问题

Question

题目描述

项目中有些页面是需要用户权限才能进去,第一次登陆时用localStorage将用户信息缓存起来,前端根据用户信息做一些特殊判断,比如不是会员时不能进入页面,在router.beforeEach中拦截,直接跳转到申请会员页面;但是如果后台更改了用户权限,而我读的是缓存数据,localStorage除非手动删除,否则一直是第一次登陆时的信息,用户还是进不去页面,但是每次进页面就去调用获取用户信息的接口,感觉有点不好;
不知道有没有好一点的思路解决这个问题.

Answer 1

这个后台修改了用户权限后，后台的接口请求应该是做了权限拦截的，一般会在接口请求给你返回401状态码，你只需要在（axios）响应拦截器哪里处理这个401就可以了

Answer 2

改了用户权限之后，要把这个用户的token清掉的，这样无论用户请求什么接口都会401调到登录

Answer 3

怎么样清除这个用的token呢！