mpvue微信小程序的接口请求fly全局拦截代码实例

 更新时间:2019年11月13日 11:51:36   作者:倔强的皮球  
这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了mpvue微信小程序的接口请求fly全局拦截代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

业务要求

  需要进入页面时就要游客登陆拿到token;

  之后的接口都是需要这个token;

  其他操作则需要授权登陆,此时的token已失效;

  token过久之后会过期;

业务实现:

  1.全局拦截

  fly.interceptors.request.use(request => {
    const token = storage.get('jwt')
    // 给所有请求添加自定义header
    if (!jwt) {
      fly.lock() // 进入接口后没有token的需要锁住请求
      return store.dispatch('visitorLoginFun').then(res => { // 这里需要一个新的拦截器
        if (res) {
          const token = storage.get('token')
          request.headers['Authorization'] = 'Bearer ' + token // 为队列里的接口加token
          return request
          }
        }).finally(() => {
          fly.unlock()
        })
      } else {
        request.headers['Accept'] =
        'application/json,text/html;q=0.9,image/webp,*/*;q=0.8'
        request.headers['Content-Type'] = 'application/json;charset=UTF-8'
        request.headers['Authorization'] = 'Bearer ' + token
        request.headers['client'] = client
        request.headers['version'] = version
        wx.showNavigationBarLoading()
        return request
      }
    })

    2.返回拦截

    fly.interceptors.response.use(
      (response, promise) => {
        if (response.data.code === 1001) {
          mpvue.navigateTo({url: '../accredit/main'}) // 返回提示需要登陆需要跳转授权登陆页 或者弹窗 授权只能通过按钮触发
        }
        if (response.data.code === 1002) {
          fly.lock() //token过期 锁住拦截器
          return store.dispatch('accreditLogin').then(res => { // 使用新起的拦截器发送登陆接口
          }).finally(() => fly.unlock()).then(() => {
            return fly.request(response.request) // 返回上一个请求
          })
         }
        return promise.resolve(obj)
      }
    }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript错误处理之分析 Uncaught(in promise) error的原因及解决方案

    JavaScript错误处理之分析 Uncaught(in promise) error的

    在开发过程中,JavaScript的错误处理是一个老生常谈的话题,当应用程序发生未捕获的异常时,Uncaught(in promise) error是其中最常见的错误类型,这篇文章将从多个方面详细阐述这种错误类型的原因与解决方案,感兴趣的朋友一起看看吧
    2023-12-12
  • js与jQuery实现的用户注册协议倒计时功能实例【三种方法】

    js与jQuery实现的用户注册协议倒计时功能实例【三种方法】

    这篇文章主要介绍了js与jQuery实现的用户注册协议倒计时功能,结合实例形式分析了三种倒计时功能的相关实现技巧,需要的朋友可以参考下
    2017-11-11
  • JavaScript中的for循环与双重for循环详解

    JavaScript中的for循环与双重for循环详解

    这篇文章主要给大家介绍了关于JavaScript中for循环与双重for循环的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • js中apply和call的理解与使用方法

    js中apply和call的理解与使用方法

    这篇文章主要给大家介绍了关于js中apply和call的理解与使用方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • axios params 和 data 的区别小结

    axios params 和 data 的区别小结

    本文介绍了在前端开发中使用Axios发送HTTP请求时,params和data的区别及其应用场景,具有一定的参考价值,感兴趣的可以了解一下
    2025-03-03
  • 小程序实现留言板

    小程序实现留言板

    这篇文章主要为大家详细介绍了微信小程序实现留言板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • jsonp格式前端发送和后台接受写法的代码详解

    jsonp格式前端发送和后台接受写法的代码详解

    jsonp是ajax提交的一种格式不会受跨域限制,这篇文章主要介绍了jsonp格式前端发送和后台接受写法的代码详解,需要的朋友可以参考下
    2019-11-11
  • Javascript节流函数throttle和防抖函数debounce

    Javascript节流函数throttle和防抖函数debounce

    这篇文章主要介绍了Javascript节流函数throttle和防抖函数debounce,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • JavaScript中停止执行setInterval和setTimeout事件的方法

    JavaScript中停止执行setInterval和setTimeout事件的方法

    这篇文章主要介绍了JavaScript中停止执行setInterval和setTimeout事件的方法,本文给出操作实例代码和语法介绍,需要的朋友可以参考下
    2015-05-05
  • JavaScript逆向案例之如何破解登录密码

    JavaScript逆向案例之如何破解登录密码

    这篇文章主要介绍了JavaScript逆向案例之如何破解登录密码,文章通过12306的登陆方法展开用户登录密码的参数破解办法,感兴趣的小伙伴可以参考一下
    2022-06-06

最新评论