企业网站 报价/广告公司图片

Introduction

• wx.request 的配置、axios 的调用方式
• 源码戳我

feature

• 支持 wx.request 所有配置项
• 支持 axios 调用方式
• 支持 自定义 baseUrl
• 支持 自定义响应状态码对应 resolve 或 reject 状态
• 支持 对响应（resolve/reject）分别做统一的额外处理
• 支持 转换请求数据和响应数据
• 支持 请求缓存（内存或本地缓存），可设置缓存标记、过期时间

use

app.js @onLaunch

import 

page.js

axios

API

axios

config

默认配置项说明

export 

实现

axios.js

import 

Axios class

初始化

• defaultConfig 默认配置，即 defaults.js
• axios.creat 用户配置覆盖默认配置
• 注意配置初始化后 mergeConfig 不能被污染，config 需通过参数传递

constructor

请求别名

• axios 兼容 axios(config) 或 axios(url[, config])；
• 别名都只是 config 合并，最终都通过 axios.requst()发起请求;

axios

请求方法 _request

请求配置预处理

• 实现 baseUrl
• 实现 transformRequest（转换请求数据）

_request

wx.request

发起请求、处理响应

• 实现 validateStatus（状态码映射 resolve）
• 实现 transformResponse（转换响应数据）
• 实现 resolveWrap、rejectWrap（响应状态处理）

export 

请求缓存的实现

• 默认使用内存缓存，可配置使用 localStorage
• 封装了 Storage 与 Buffer 类，与 Map 接口一致：get/set/delete
• 支持缓存标记&过期时间
• 缓存唯一 key 值，默认使用 url&data 生成，无需指定

import