axios请求拦截器错误_axios请求、拦截器
一、请求方式
1、get请求
//get请求
// 发送 POST 请求
axios({
method: 'get',
url: '/user/12345',
});
2、post请求
// 发送 POST 请求
axios({
method: 'post',
url: '/user/12345',
data: {
firstName: 'Fred',
lastName: 'Flintstone'
}
});
3、request
axios.request({
method:'',
url:'',
...
})
二、请求拦截器
场景:在每次发送请求时,携带用户token方便后台做用户相关操作
在每次发送请求前,都会进入请求拦截器,我们可以在此处统一绑定上想要发送的参数,则每个请求都会自动携带token
axios.interceptors.request.use(config => {
//config是axios配置对象
//每次发送请求前都会进入此拦截器处理函数,可以在此处统一携带上token,每次请求都会自
config.headers.common['token'] = localStorage.getItem(“token”);
return config
},err => {
//请求出错的处理函数
return Promise.reject(err)
})
三、响应拦截器
场景:服务器所有接口都会返回一个错误码,比如10001,请求参数错误。 10002,用户未授权等等,我们需要在收到响应后对错误码进行相关提示。
在每次收到响应时,都会先进入响应拦截器,在分发给各个请求函数,我们可以在此处统一先处理错误码,在进入各自的响应细节函数处理res
axios.interceptors.response.use(function(res){
//收到响应后,可以先统一处理错误码
switch (res.data.code) {
case 10001: alert(‘非法操作’);
router.push({path: '/});
case 10002: alert(‘权限不足’);
......
}
return res;
},function(err){
//响应出错进入的函数
return Promise.reject(err);
});
以上就是axios拦截器的使用教程及场景.不管任何项目,只要使用的是axios发送请求,则都可以使用拦截器进行统一处理,减少冗余代码,降低二次开发及维护难度.
axios请求拦截器错误_axios请求、拦截器相关推荐
- axios请求拦截器错误_Axios使用拦截器全局处理请求重试
Axios拦截器 Axios提供了拦截器的接口,让我们能够全局处理请求和响应.Axios拦截器会在Promise的then和catch调用前拦截到. 请求拦截示例 axios.interceptors ...
- mt管理器错误信息java_MT管理器_MT管理器手机版_MT管理器清爽版_易玩网
MT管理器清爽版App是一款非常强大的文件管理软件,在这里你能够轻松的管理自己的文件,这款软件有着非常使用的双窗口,能够增加文件的浏览量,将其置顶,能更快的找到自己想要的文件,有需要的用户赶紧来网下载 ...
- axios请求拦截器错误_axios拦截器获取不到接口返回的response?
我的源码 我创建一个 axios 实例instance // respone拦截器 instance.interceptors.response.use( response => { retur ...
- java post请求返回500错误_Ajax请求Json数据,报500错误,后台没有错误日志。
post请求:http://localhost:9080/DataDiscoveryWeb/issueformcount/queryIssueTendencyDetail.xhtml?jobId=86 ...
- axios请求拦截器错误_React中使用高阶组件和axios的拦截器,统一处理请求失败提示...
在前端开发中,判断边界条件和重要,通常我们要花费开发中的很大一部分时间做边界条件处理.发送ajax请求时,假设有这样一个需求: 每个页面发送ajax请求,如果请求失败,在页面上统一弹出样式一样的错误提 ...
- axios 最全 请求拦截器 响应拦截器 配置公共请求头 超时时间 以及get delete post put 四种请求传参方式
axios 拦截器 请求拦截器 请求拦截器的作用是在请求发送前进行一些操作 例如在每个请求体里加上token,统一做了处理如果以后要改也非常容易 响应拦截器 响应拦截器的作用是在接收到响应后进行一些操 ...
- axios的响应拦截器 - 错误统一处理 / 获取数据繁琐
1. 问题 登录时,填写错误的用户名密码,没有错误提示(没有进入catch分支) 获取ajax的返回结果比较麻烦:res.data.data.xxxx 2.解决登录失败不报错的问题 2.1 分析原因 ...
- spring 两次进入拦截器_spring mvc 拦截器一次请求拦截两次?
问题描述 对于Spring mvc的拦截器我觉的应该是请求什么就该拦截什么,没有请求的就不该被拦截,但是不知道为什么,在如下的代码中,当我请求/路径的时候,我并没有请求index.html呀,为什么执 ...
- php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截 拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
最新文章
- java 关闭oracle连接_Java应用中Oracle连接不关闭
- 用开满鲜花的情怀对待每一份求知欲
- php access ole相片,[求助]怎样读取ACCESS数据库中的OLE对象的图片啊???
- 200818C链表的查询插入删除
- idea 中使用 jetty 插件
- 监视Rails进程内存泄漏的技巧
- asp.net mvc4开启SqlServer 会话共享模式
- 1.4编程基础之逻辑表达式与条件分支 12 骑车与走路
- [总]Android高级进阶之路
- 简单使用Spring Boot+JpaRepository+hibernate搭建项目
- Pyhon3 批量合并哔哩哔哩缓存的m4s视频文件
- 36. linux系统日志在哪里看
- 使用context:component-scan base-package= /context:component-scan报500错误
- 双重检查锁与单例模式
- 数字去重(5种方法)
- mooc翁凯C语言习题第七周(7-2)鞍点
- 谈谈对this的理解
- SCON串行使用波特率计算和设置
- 专访百度云首席架构师林仕鼎:如何突破瓶颈
- 好东西,iOS 16.5+ 系统加速工具,不用越狱也行
热门文章
- 介绍一个产品的思维导图_什么叫产品思维导图(产品思维的定义)
- CP2102修改sn 修改串口号
- 重磅 | 华为云WeLink 设计体验再升级!
- 质感设计 android,扣丁学堂Android开发Flutter质感设计之底部导航
- 计算机机房必须用七氟丙烷灭火器吗,采用七氟丙烷灭火系统对房间有哪些要求...
- 安全合规/GDPR--16--GDPR条例中的术语定义
- 只要一步就让WorkNC导出应用至UG等不同CAM数控软件的残留毛坯
- soc是单片机发展的第三个阶段
- Java导入Excel文件日期解析成了中文问题解决
- java爬取携程酒店的评价信息以及eleven参数获取