记录一些常用的代码片段

import { isHttp } from './utils';

type Data<T> = {
  // 后端返回的通用响应结构
  code: number;
  data: T;
  message: string;
};

export const http = <T>(options: UniApp.RequestOptions) => {
  options.url = isHttp(options.url) ? options.url : `${import.meta.env.VITE_BASE_URL}${options.url}`;
  return new Promise<Data<T>>((resolve, reject) => {
    uni.request({
      // 拦截器配置内容
      ...options,
      success(res) {
        // 成功响应
        handleResponse(res, resolve, reject);
      },
      fail(err) {
        handleError(err, reject);
      },
    });
  });
};

// resolve和reject不返回任何值，但通知promise更改状态
const handleResponse = <T>(
  res: UniApp.RequestSuccessCallbackResult,
  resolve: (value: Data<T>) => void,
  reject: (reason?: any) => void,
) => {
  const { data: result, statusCode } = res;
  // 分离了验证状态码逻辑
  if (isSuccessStatusCode(statusCode)) {
    resolve(result as Data<T>);
    // 登录失败
  } else if (statusCode === 401) {
    // ...清除用户登录信息
    // 跳转至登录页面
    uni.navigateTo({ url: '/login' });
    reject(res);
  } else {
    // 分离了报错状态码逻辑
    showErrorToast(res.data as Data<T>);
    reject(res);
  }
};

const handleError = (err: UniApp.GeneralCallbackResult, reject: (reason?: any) => void) => {
  uni.showToast({
    icon: 'none',
    title: '网络可能开小差了~',
  });
  reject(err);
};

const isSuccessStatusCode = (code: number) => {
  return code >= 200 && code < 300;
};

const showErrorToast = <T>(data: Data<T>) => {
  uni.showToast({
    icon: 'none',
    title: data.message || '请求错误',
  });
};