安装

npm install @escook/request-miniprogram
/ 按需导入 $http 对象
import { $http } from '@escook/request-miniprogram'
 
// 将按需导入的 $http 挂载到 wx 顶级对象之上,方便全局调用
wx.$http = $http
 
// 在 uni-app 项目中,可以把 $http 挂载到 uni 顶级对象之上,方便全局调用
uni.$http = $http

使用

支持的请求方法

/ 发起 GET 请求,data 是可选的参数对象
$http.get(url, data?)
 
// 发起 POST 请求,data 是可选的参数对象
$http.post(url, data?)
 
// 发起 PUT 请求,data 是可选的参数对象
$http.put(url, data?)
 
// 发起 DELETE 请求,data 是可选的参数对象
$http.delete(url, data?)

配置请求根路径

$http.baseUrl = 'https://www.example.com

请求拦截器

// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
  // do somethimg...
}

例 1,展示 loading 效果:

// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
  wx.showLoading({
    title: '数据加载中...',
  })
}

例 2,自定义 header 请求头:

// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
  if (options.url.indexOf('/home/catitems') !== -1) {
    options.header = {
      'X-Test': 'AAA',
    }
  }
}

响应拦截器

// 请求完成之后做一些事情
$http.afterRequest = function () {
  // do something...
}

例如,隐藏 loading 效果:

// 请求完成之后做一些事情
$http.afterRequest = function () {
  wx.hideLoading()
}
最后修改:2021 年 12 月 05 日 12 : 24 AM
感谢大哥送来的卡布奇诺和冰阔乐!