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} }); });

posted on 2019-01-22 14:15  向往回得来  阅读(408)  评论(0编辑  收藏  举报

导航