wx小程序 用promise 封装wx.request() 可以内增拦截器

个人习惯 将接口独立出来一个JS文件,这个文件配置 接口主域名 测试域名 等接口连接参数
例如:

var url = 'https://www.****.com/****/'
var v1 = 'v1'
var api:{
  $api: {
    get(url, params) {
      return this.apiTem(url, params, "GET")
    },
    post(url, params) {
      return this.apiTem(url, params, "POST")
    },
    apiTem: function (url, params, method) {
      return new Promise(function (resolve, reject) {
        wx.request({
          url: url,
          method: method,
          header: {
            FR_APPID: app.globalData.extAppid || '',
            FR_OPEN_ID: app.globalData.openid || '',
            FR_LOGIN_TICKET: app.globalData.ticket || ''
          },
          data: params,
          success(res) {
            resolve(res.data)
          },
          fail(loginData) {
            reject(res)
          }
        })
      })
    }
  },
  // 获取OPENID
  jscode2session: `${url + v1}/user/jscode2session.json`,
}

在page页去去引用这个API 配置文件

const config = require('../../utils/api.js')
//***
//***
//使用
    config.$api.post(config.saveAuthWxInfo, {
      encryptedData: e.detail.encryptedData,
      iv: e.detail.iv
    }).then(res => {
        //成功响应
        //可以根据自己需求 针对性的res.code ==200  or   !200 的情况进行封装处理  resolve
    }).catch(res=>{
        //失败响应
    })

犹豫wx.request会将我们自己后台的响应代码再次封装在他的一层响应状态之内、这样可以只将我们自己公司响应打印给res

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值