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