vue拦截器使用?

解决问题:

1.添加统一的request的参数 
比如header中加入X-Requested-With,比如客户端需要实现sign和token的验证机制,比如你可以写$http.get(‘/files’, params),

2.处理统一的responseError 
比如重连机制,拿到error.code错误码重连,比如token过期,重新拿到token再次send request 
比如统一报错信息,给所有返回的404来个提示也会很酷

实例:Vue.http.interceptors.push((request, next) =>{

//登录成功后将后台返回的TOKEN在本地存下来,每次请求从sessionStorage中拿到存储的TOKEN值

let TOKEN=sessionStorage.getItem('STORAGE_TOKEN');

if(TOKEN){ //如果请求时TOKEN存在,就为每次请求的headers中设置好TOKEN,后台根据headers中的TOKEN判断是否放行

request.headers.set('TOKEN',TOKEN); }

next((response) => {

return response;

// 增加参数, es6语法 // return {...response.body, ok: false} }); });

转载于:https://www.cnblogs.com/duanzhange/p/10303561.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值