vue-cli怎么设置token

vue-cli怎么设置token,第1张

vue项目token的实现设置

1.

vue项目里token的实现步骤 1:用户登录时,前端调用后台提供的登录接口2:后台验证用户名和密码,验证通过后给前端返回token3:前端解析token后,将token存储在localStorage...

2.

代码实现

首先 将拿到的token,存储到locallstorage,,,

在main.js文件中   通过设置请求拦截器,,判断是否拿到了token,如果拿到了,则每个http header都加上token,,方便后端进行  效验合法,如果没有 则进行错误抛出,进行提示消息。

在main.js文件中   通过设置响应拦截器,通过返回分析reponse结果,进行判断,一般返回结果中,这个code为10010 token过期,code为10011

token无效,则就行router.replace({path: '/login', //跳转到到登录页重新获取token }),判断token是否存在,如果存在说明需要更新token,覆盖原来的token,,,或者    错误抛出,进行提示消息。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11533743.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存