android-uniapp/utils/request/index.js

/**
 * request插件地址：https://ext.dcloud.net.cn/plugin?id=822
 */
import request from './request'
import Config from '@/utils/config'
import storage from "@/utils/storage";
import {getBeforePage} from "@/utils/app";
import {useUserStore} from "@/store/useUserStore";
import platform from "@/utils/platform";

// 后端api地址
const apiUrl = Config.get('apiUrl')

// 可以new多个request来支持多个域名请求
const $http = new request({
  // 接口请求地址
  baseUrl: apiUrl,
  // 服务器本地上传文件地址
  fileUrl: apiUrl,
  // 服务器上传图片默认url
  defaultUploadUrl: 'upload/image',
  // 设置请求头（如果使用报错跨域问题，可能是content-type请求类型和后台那边设置的不一致）
  header: {
    'Content-Type': 'application/json;charset=utf-8',
    'Accept-Type': 'json',
    'Accept': 'json',
  },
  // 请求超时时间, 单位ms（默认15000）
  timeout: 15000,
  // 默认配置（可不写）
  config: {
    // 是否自动提示错误
    isPrompt: true,
    // 是否显示加载动画
    load: true,
    // 是否使用数据工厂
    isFactory: true
  }
})

// 添加获取七牛云token的方法
$http.getQnToken = function (callback) {
  //该地址需要开发者自行配置（每个后台的接口风格都不一样）
  $http.get("/api/common/util/getQiNiuTokenV2").then(({data}) => {
    /*
     *接口返回参数：
     *visitPrefix:访问文件的域名
     *token:七牛云上传token
     *folderPath:上传的文件夹
     *region: 地区 默认为：SCN
     */
    callback({
      visitPrefix: data.visitPrefix,
      token: data.token,
      folderPath: data.folderPath
    });
  });
}


// 当前接口请求数
let requestNum = 0
// 请求开始拦截器
$http.requestStart = options => {
  if (options.load) {
    if (requestNum <= 0) {
      // 打开加载动画
      uni.showLoading({
        title: '加载中',
        mask: true
      })
    }
    requestNum += 1
  }
  // 图片上传大小限制
  if (options.method == "FILE" && options.maxSize) {
    // 文件最大字节: options.maxSize 可以在调用方法的时候加入参数
    const maxSize = options.maxSize
    for (let item of options.files) {
      if (item.size > maxSize) {
        setTimeout(() => {
          uni.showToast({
            title: "图片过大，请重新上传",
            icon: "none"
          })
        }, 10)
        return false
      }
    }
  }
  // 请求前加入当前终端
  options.header['Platforms'] = platform
  // 请求前加入Token
  options.header['Token'] = storage.getKey('LOGIN_TEACHER_TOKEN') || ''
  // return false 表示请求拦截，不会继续请求
  return options
}

// 请求结束
$http.requestEnd = options => {
  // 判断当前接口是否需要加载动画
  if (options.load) {
    requestNum = requestNum - 1
    if (requestNum <= 0) {
      uni.hideLoading()
    }
  }
}

// 所有接口数据处理（可在接口里设置不调用此方法）
// 此方法需要开发者根据各自的接口返回类型修改，以下只是模板
$http.dataFactory = async res => {
  // console.log("接口请求数据", {
  //     res: res,
  //     url: res.url,
  //     resolve: res.response,
  //     header: res.header,
  //     data: res.data,
  //     method: res.method,
  // })

  if (!res.response.statusCode || res.response.statusCode != 200) {
    // 返回错误的结果(catch接受数据)
    return Promise.reject({
      statusCode: res.response.statusCode,
      // errMsg: "数据工厂验证不通过"
      errMsg: 'http状态码错误'
    })
  }

  let httpData = res.response.data
  if (typeof httpData == "string") {
    try {
      httpData = JSON.parse(httpData)
    } catch {
      httpData = false
    }
  }
  if (httpData === false || typeof httpData !== 'object') {
    // 返回错误的结果(catch接受数据)
    return Promise.reject({
      statusCode: res.response.statusCode,
      errMsg: "数据工厂验证不通过"
    })
  }

  /*********以下只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/

  // 判断数据是否请求成功
  // result.status [ 200正常 500有错误 401未登录 403没有权限访问 ]

  // 判断是否需要登录
  if (httpData.code == 50000 || httpData.code == 50001) {
    // 401也有可能是后端登录态到期, 所以要清空本地的登录状态
    useUserStore().logout()
    let beforePage = getBeforePage(0)
    console.log('beforePage', beforePage)
    if (beforePage.route !== 'pages/index/load') {
      uni.redirectTo({
        url: "/pages/index/load"
      })
    }
  } else {
    // 返回正确的结果(then接受数据)
    return Promise.resolve(httpData)
  }

  /*********以上只是模板(及共参考)，需要开发者根据各自的接口返回类型修改*********/
}

// 错误回调
$http.requestError = e => {
  if (e.statusCode === 0) {
    throw e
  } else {
    setTimeout(() => showRequestError(e), 10)
  }
}

// 显示请求错误信息
const showRequestError = (e) => {
  let errMsg = `网络请求出错：${e.errMsg}`
  // #ifdef MP-WEIXIN
  if (e.errMsg === 'request:fail url not in domain list') {
    errMsg = '当前API域名未添加到微信小程序授权名单 ' + e.errMsg
  }
  // #endif
  if (e.errMsg === 'request:fail') {
    errMsg = '网络请求错误：请检查api地址能否访问正常'
  }
  uni.showToast({
    title: errMsg,
    icon: "none",
    duration: 3500
  })
}

export default $http