小程序中 使用FLY框架请求接口封装

Fly官网GitHub - wendux/fly: Supporting request forwarding and Promise based HTTP client for all JavaScript runtimes.

第一步：下载 fly.min.js/wx.js

第二步：建立一个request.js

import Fly from "../lib/flyio/wx";

const fly = new Fly()

fly.interceptors.request.use((request) => {
  wx.showLoading({
    title:'加载中',
    mask:true,
  })
  return request;
})

fly.interceptors.response.use((response, promise) => {
  wx.hideLoading();
    if (response.status >= 400 || response.data.resCode != "0") {
      wx.showToast({
        title: '出错了，请稍后再试试！',
      })
    }
    return promise.resolve(response.data)
  },
  (err, promise) => {
    wx.hideLoading();
    return promise.resolve()
  }
)

export default fly

第三步：api.ts

import fly from './request'

const baseURL = getApp().globalData.baseURL;
const authCenterURL = getApp().globalData.authCenterURL;

export async function getUsersByPhone(data: { code: string; phoneCode: string }) {
  const res = await fly.request({
    url: 'api/nocode/v1.0/wechat/phone/users',
    body: data,
    baseURL: baseURL,
  })
  return res.result
}