首页 > 其他分享 >请求和响应拦截器

请求和响应拦截器

时间:2022-08-29 12:25:39浏览次数:42  
标签:拦截器 console 请求 err res 响应 config log

 

// 对实例配置拦截器
// 请求拦截器 - 参数1:成功(一般参数叫config) 参数2:失败
axios.interceptors.request.use((config) => {
    console.log("请求成功的拦截")
    // 1.开始loading的动画
    
    // 2.对原来的配置进行一些修改
    // 2.1. header
    // 2.2. 认证登录: token/cookie
    // 2.3. 请求参数进行某些转化
    if(config.url == 'login') {
      config.headers['token'] = '1234556'
    }
    
    // 最后要把配置好的return出去
    return config
}, (err) => {
    console.log("请求失败的拦截")
    return err
})

// 响应拦截器 - 参数1:成功(一般参数叫res) 参数2:失败
axios.interceptors.response.use((res) => {
    console.log("响应成功的拦截")

    // 1.结束loading的动画

    // 2.对数据进行转化, 再返回数据
    return res.data
}, (err) => {
    console.log("响应失败的拦截:", err)
    return err
})

axios.get("http://123.207.32.32:9001/lyric?id=500665346").then(res => {

    console.log("res:", res)

}).catch(err => {

    console.log("err:", err)
    
})

 

标签:拦截器,console,请求,err,res,响应,config,log
From: https://www.cnblogs.com/qd-lbxx/p/16635528.html

相关文章

  • axios的特点 - 支持多种请求方式 - 常见的配置选项
    1.特点:1.在浏览器中发送XMLHttpRequest请求2.在node.js中发送http请求3.支持PromiseAPI4.拦截请求和响应 2.支持多种请求方式:axios(c......
  • php简单实现 接口请求日志
    先看使用效果 执行代码:publicfunctionmainLogic(){logs();//在接口开始时调用,可以放到父类的构造方法里面//接口逻辑....}请求参数:日志: 封装......
  • ASP.NET Core 6框架揭秘实例演示[34]:缓存整个响应内容
    我们利用ASP.NET开发的大部分API都是为了对外提供资源,对于不易变化的资源内容,针对某个维度对其实施缓存可以很好地提供应用的性能。《内存缓存与分布式缓存的使用》介绍的......
  • get 和 post 请求在缓存方面的区别
    get请求类似于查找的过程,用户获取数据,可以不用每次都与数据库连接,所以可以使用缓存。post不同,post做的一般是修改和删除的工作,所以必须与数据库交互,所以不能使用缓存......
  • PowerShell教程 - Web requests(Web请求)
    更新记录转载请注明出处。2022年8月29日发布。2022年8月29日从笔记迁移到博客。Webrequests(Web请求)发起Web请求Abackgroundinwebrequestsisvaluablebefo......
  • Asp.Net Core 项目部署Centos中,httpClient 请求Https报证书错误的系列问题
    参考自https://www.cnblogs.com/leoxjy/p/10201046.html#5095270Centos报这个问题,Asp.NetCore3.1HttpClient请求Https报错的SSL证书异常的问题,请使用以下方法解决......
  • Jmeter 数据库请求
    JDBCRequest 使用VariableNamesmysql:数据库连接池对象variousname:设置的变量名称 如何使用该变量a_#、b_#、c_#、d_#:代表行数a_1:第1行、第1列b_2:......
  • Linux应急响应学习
    Linux应急响应-系统日志排查-溯源溯源找到攻击者。系统日志分析攻击者的ip 攻击者可能留下了一些代码样本网上的信息很大程度上是不可信的。方法:蜜罐 高交互的蜜......
  • axios和jquery封装ajax请求
        //axios封装的ajax    //get方法返回值是一个promise方法    //document.querySelector('.get').onclick=function(){    /......
  • Dora拦截器详解
    1.QuickStartDora拦截器,为.NETCore量身定制的AOP框架。我们使用“缓存”这个应用场景来演示如何使用Dora:我们创建一个缓存拦截器,并将其应用到某个方法上。缓存拦截器......