美文网首页
微信小程序 - 请求超时,简单封装 wx.request

微信小程序 - 请求超时,简单封装 wx.request

作者: IT姑凉 | 来源:发表于2020-03-07 16:03 被阅读0次

    配置 networkTimeout

    app.json 文件设置超时时间--文档

    "networkTimeout": {
        "request": 20000 
     }
    

    wx.request时超时会进入fail方法

    简单封装

    配置app.js

    globalData: {
        userInfo: null,
        host:'https://aaa.com.cn/'
    }
    

    api.js

    const app = getApp()
    
    const request = (url, options) => {
      wx.showLoading({
        title: '加载中',
        mask: true 
      })
      return new Promise((resolve, reject) => {
        wx.request({
          url: `${app.globalData.host}${url}`,
          method: options.method,
          data: options.method === 'GET' ? options.data : JSON.stringify(options.data),
          header: {
            'Content-Type': 'application/json; charset=UTF-8',
            // 'token': wx.getStorageSync("token")
          },
          success(request) {
            if (request.data.success == true) {
              resolve(request)
            } else {
              reject(request)
            }
          },
          fail(error) {
            reject(error)
          },
          complete: info => {
            wx.hideLoading()
          }
        })
      })
    }
    const get = (url, options = {}) => {
      return request(url, { method: 'GET', data: options })
    }
    module.exports = {
      get
    }
    

    调用

    const api = require('路径/api.js')
    api.get("api/a/a.do?c=" + options.id).then(res => {
        ... 
    }).catch(err => {
          ...
    });
    

    参考:
    https://www.jianshu.com/p/db19fabe9a01
    https://www.jianshu.com/p/ad1e5b581e18

    相关文章

      网友评论

          本文标题:微信小程序 - 请求超时,简单封装 wx.request

          本文链接:https://www.haomeiwen.com/subject/rffpkhtx.html