原生小程序的拦截器

配置拦截器的步骤

1.下包npm i wechat-http

2. 1 引入到utils

import http from 'wechat-http'

2.2 配置基地址

// 接口基础地址
http.baseURL = 'https://your.host.com'

2.3 配置请求拦截器

// 请求拦截器
http.intercept.request = (options) => {
  // 指定默认的头信息
  const defaultHeader: AnyObject = {}
  // 先要拿到token,然后判断是否有token,有token就带请求头,没有就不带
  // 具体的要看接口文档是什么格式,用字符串拼接
  defaultHeader.Authorization = 'Bearer token'
  // 合并头信息
  options.header = Object.assign({}, defaultHeader, options.header)
  // 拦截器处理后的请求参数
  return options
}

2.4 配置响应拦截器

// 配置响应拦截器
http.intercept.response = function ({ data, config}) {
  // 检测接口是否正常返回结果,不是所有的都是10000,具体跟后端协商
  if (data.code !== 10000) {
    wx.$toast()
    return Promise.reject(data)
  }

  // 只保留data数据，其它的都过滤掉
  return data.data

2.5 挂载到全局

// 挂载到微信对象上
// 发请求就是用wx.$http
wx.$http = http



// 也可作为模块导出
export default http

完结