【小程序taro最佳实践】http请求封装(方便使用,增加token,统一错误日志记录和上报)...

原创文章,作者:stark,如若转载,请注明出处:https://shudong.wang/10231.html

给大家提供思路,可以借鉴哈,有什么问题可以留言
taro脚手架后面文章会慢慢讲解更多技巧
https://github.com/wsdo/taro-...

为什么封装

当我们开发小程序的时候,经常会用到http请求,当然官方已经提供了请求的接口,但是我们每次请求的时候,可能会加上token,每次请求都会加上,如果不封装起来,会相当的麻烦,那么又怎么封装呢?

特性

  • 暴露get方法
  • 暴露post方法
  • post自定义contentType
  • 增加配置文件
  • token定义
  • 添加判断状态,记录异常信息
  • 增加异常错误logError日志
  • 增加统一日志上报

设计

需要对外暴露接口:get post
参数:url,传输的数据,请求头
这样我们可以很方便的使用了

在/service/下新建立一个api.js

baseOptions 方法
baseOptions(params, method = 'GET') {
    let { url, data } = params
    let contentType = 'application/x-www-form-urlencoded'
    contentType = params.contentType || contentType
    const option = {
      isShowLoading: false,
      url: base + url,
      data: data,
      method: method,
      header: { 'content-type': contentType, 'token': token }, // 默认contentType ,预留token
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值