小程序网络请求第三方插件使用

安装 wechat-http

npm install wechat-http

// 导入 http 模块 import http from 'wechat-http'

封装工具， 全局挂载，模块导出

import http from 'wechat-http'
/**
 * 配置接口基础路径
 */
http.baseURL = '基地址'
/**
 * 挂载方法到全局
 */
wx.http = http
/**
 * 模块导出
 */
export default http

 项目启动入口 app.js 中加载 utils/http.js

响应拦截器设置，进行数据脱壳，响应码处理

http.intercept.response = (res) => {
  // 过滤接口返回的数据
  return res.data
}

 请求拦截器，进行token的自动挂载

http.intercept.request = (params) => {
  // 读取全局实例中的 token
  const { token } = getApp()
  // 指定一个公共的头信息
  // 初始为空对象后续可以扩展
  const defaultHeader = {}
  // 追加 token 头信息
  if (token) defaultHeader.Authorization = 'Bearer ' + token
  // 合并自定义头信息和公共头信息
  params.header = Object.assign(defaultHeader, params.header)
  // 处理后的请求参数

  // 这里必须要有返回
  return params
}

 实际使用，返回的是一个promise，使用async 配合await 变为同步任务接收返回值

http.baseURL 配置接口基础路径

http.get 以 GET 方法发起请求

http.post 以 POST 方法发起请求

http.put 以 PUT 方法发起请求

http.delete 以 DELETE 方法发起请求

http.intercept 配置请求和响应拦截器

http 本身做为函数调用也能用于发起网络请求