博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue拦截器使用?
阅读量:7211 次
发布时间:2019-06-29

本文共 645 字,大约阅读时间需要 2 分钟。

解决问题:

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

你可能感兴趣的文章
JQuery 中简单的几个 类选择器 使用方法
查看>>
Python学习笔记(十)—— 高级特性
查看>>
oracle约束的相关总结
查看>>
解决Eclipse java build path中Web App Libraries无法自动找到WEB-INF的lib目录
查看>>
AjaxPro使用说明
查看>>
金山毒霸专业版高调上线 宣称杀毒速度增3倍
查看>>
PS教程:如何批量处理图片
查看>>
Delphi查询Sqlserver数据库传入日期类型方法总结
查看>>
Windows8(2012) 如何改变登录界面上难看的头像,任意换!
查看>>
超简单将Centos的yum源更换为国内的阿里云源
查看>>
SharePoint 2010 Crawl Component Stuck in “Recovering” status
查看>>
Visual Studio 11预览: 新的编程语言功能
查看>>
2012年总结
查看>>
KERMIT,XMODEM,YMODEM,ZMODEM传输协议小结
查看>>
linux “命令行自动补全”功能用命令
查看>>
关于JFace中的向导式对话框(WizardDialog类)
查看>>
学习NGUI前的准备NGUI的相关信息
查看>>
C++ 将数据转为字符串的几种方法
查看>>
eclipse 左边目录结构下五referenced library解决办法
查看>>
TextView跑马灯效果
查看>>