安装

npm install zw-request-uniapp

导入

// 按需导入 $axios 对象
import { $axios } from 'zw-request-uniapp'

// 将按需导入的 $axios 挂载到 wx 顶级对象之上，方便全局调用
wx.$axios = $axios

// 在 uni-app 项目中，可以把 $axios 挂载到 uni 顶级对象之上，方便全局调用
uni.$axios = $axios

使用

支持的请求方法

// 发起 GET 请求，data 是可选的参数对象
$axios.get(url, data?)

// 发起 POST 请求，data 是可选的参数对象
$axios.post(url, data?)

// 发起 PUT 请求，data 是可选的参数对象
$axios.put(url, data?)

// 发起 DELETE 请求，data 是可选的参数对象
$axios.delete(url, data?)

配置请求根路径

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

请求拦截器

// 请求开始之前
$axios.beforeRequest = function (options) {
  // do somethimg...
}

例 1，展示 loading 效果：

// 请求之前
$axios.beforeRequest = function (options) {
  wx.showLoading({
    title: '数据加载中...',
  })
}

例 2，自定义 header 请求头：

// 请求开始之前
$axios.beforeRequest = function (options) {
  if (options.url.indexOf('/login') !== -1) {
    options.header = {
      'Token': 'XXXX',
    }
  }
}

响应拦截器

// 请求完成之后
$axios.afterRequest = function () {
  // do something...
}

例如，隐藏 loading 效果：

// 请求完成之后做一些事情
$axios.afterRequest = function () {
  wx.hideLoading()
}

开源协议

![MIT]

enjoy!