大家好,今天来为大家分享vueadmintemplate 处理令牌失效的一些知识点,和的问题解析,大家要是都明白,那么可以忽略,如果不太清楚的话可以看看本篇文章,相信很大概率可以解决您的问题,接下来我们就一起来看看吧!
token过期后,应该删除token,这样它就会跳转到登录页面,而不是报401错误。
1、在request.js的拦截器位置添加401判断,并删除并跳转此处的token。
跳转至导入路径
从’@/router’ 导入{router}
async(error)={ if (error.response.status==401) { Message({ type: ‘warning’, message: ‘token has timed out’ }) //表示token已超时wait store.dispatch(‘user /logout’ ) //相当于调用action注销router.push(‘/login’) //跳转到登录页面} Message({ type: ‘info’, message: error.message }) return Promise.reject(error ) }2.在store/user.js 中添加token 以删除操作注销
logout(context) { context.commit(‘removeToken’) //删除token context.commit(‘setUserInfo’,{}) //将用户信息设置为空}
原创文章,作者:小su,如若转载,请注明出处:https://www.sudun.com/ask/158410.html
用户评论
蝶恋花╮
我这几天一直遇到个问题就是VUEX中的TOKEN就好像凭空消失了一样!明明设置了过期时间还挺久,但是一刷新页面就提示登录,这简直让人抓狂!后来才发现是vueadmintemplate组件的缓存机制把TOKEN弄丢了!还好找到了解决方案,及时解决这个问题真是太好了!
有18位网友表示赞同!
微信名字
碰到过类似问题,确实很恼火。调试了好久才知道是因为token失效导致的,换个新的框架反而更简单了!vue-admin-template虽然功能强大,但需要更多耐心去调试这些坑。
有17位网友表示赞同!
心安i
这个 vue-admin-template 处理 token 失效真是一个头痛的事情,我试过很多方法都没什么用,感觉文档也没有说得清楚。最后还是在论坛上找到了解决办法,希望能够有一个更完善的解决方案,比如自动刷新token或者给开发人员更多提示信息。
有11位网友表示赞同!
为爱放弃
之前也遇到过这个问题,简直糟心到极点!后来发现是因为token管理不当导致的,要及时刷新token或者设置更好的缓存机制才能正常使用。提醒大家要注意TOKEN的过期时间配置,避免出现这种麻烦事!
有6位网友表示赞同!
我家的爱豆是怪比i
这简直太烦人了!每次修改后台逻辑都要重新配置token失效处理,搞得我身心俱疲。希望vue-admin-template能提供更便捷的解决方案,省去我们这么多麻烦。
有10位网友表示赞同!
失心疯i
文档说的比较详细,如果按照步骤来操作应该就不会出现 token 失效的问题了。最好提前了解下框架的机制,这样可以避免很多踩坑。
有18位网友表示赞同!
肆忌
我个人觉得vue-admin-template处理token失效机制做的还是不错的,很容易就能找到解决方案,而且文档也很清晰易懂。
有9位网友表示赞同!
秒淘你心窝
这个 vue-admin-template 处理 token 失效确实很麻烦,感觉后台开发工作量很大。希望开发者能关注这个问题,提供更完善的解决方案,让我们的开发体验更好一些。
有5位网友表示赞同!
雁過藍天
每次token失效都需要重新登录,这让人感到非常不方便,希望能有个自动刷新机制,或者提示用户即将发生失效的情况!
有16位网友表示赞同!
别悲哀
vue-admin-template确实很强大,功能也很齐全,但对于一些细节的处理还是不足。这个 token 失效问题就是典型例子,希望开发者能进一步优化。
有14位网友表示赞同!
孤单*无名指
遇到过token失效的问题,导致前后端通信出问题,最后查出来是路由重定向的时候没有正确地传递token信息导致的,真是让人头疼!
有8位网友表示赞同!
江山策
这个问题确实很常见,只要熟悉vue-admin-template 的开发模式,就会发现token处理方式非常清晰。文档里有详细说明,如果仔细阅读就能够避免掉大部分问题!
有19位网友表示赞同!
仰望幸福
我更喜欢使用其他的前端框架,他们对 token 失效的处理机制都做得非常完善,不像vue-admin-template 那么容易出现问题。
有8位网友表示赞同!
此刻不是了i
vue-admin-template 处理 token 失效确实很耗费精力,文档内容也需要进一步完善以帮助开发者解决这类问题。
有13位网友表示赞同!
愁杀
我遇到的问题是由于本地缓存机制导致的token失效,后来清理了缓存就解决了!提醒大家要注意维护好缓存管理系统,避免出现这种误差!
有8位网友表示赞同!
暖瞳
之前遇到过类似问题,原因是后台接口没有正确地处理 token 失效请求。最终还是找到问题的根源并进行修复!
有20位网友表示赞同!
三年约
vue-admin-template 是一个非常棒的框架,功能全面强大,而且社区支持也很活跃。只要做好token管理和缓存机制,就不会遇到太多这类问题。
有10位网友表示赞同!