【uniapp】request请求函数封装，token、成功、失败等

1、封装http.ts

//utils--->http.ts

/**
 * 添加拦截器
 *  拦截request请求
 *  拦截uploadFile文件上传
 *
 * TODO
 *  1、非http开头需要拼接地址
 *  2、请求超时
 *  3、添加小程序端请求头标识
 *  4、添加token请求头标识
 */
import {
    useMemberStore } from '@/stores/index'
const memberStore = useMemberStore()

//实际项目种的baseUrl是根据环境变量来获取的
const baseUrl = 'https://xx/xx/xx'

const httpInterceptor = {
   
  invoke(args: UniApp.RequestOptions) {
   
    // 拦截前触发,拼接url
    if (!args.url.startsWith('http')) {
   
      args.url = baseUrl + args.url
    }

    //请求超时时间，默认60s
    args.timeout = 10000

    //添加小程序请求头标志
    args.header = {
   
      ...args.header,
      'source-client': 'miniapp',
    }