uniapp,vue3,ts,接口封装、小程序登录

在src下创建public文件夹,在public文件夹里创建request.ts

//设置基地址
const baseUrl = 'https://meituan.thexxdd.cn/api'

//封装请求
function request(
  url: string,
  method: 'GET' | 'POST',
  data: string | object | ArrayBuffer
) {
  return new Promise((resolve, reject) => {
    //发起uni请求
    uni.request({
      url: baseUrl + url,//路径
      method,
      data,
      //进入接口成功
      success: (res) => {
        if (res.statusCode == 200) {
          resolve(res)
        } else if (res.statusCode == 401) {
          uni.showToast({
            title: "信息过期",
            icon: "none",
            duration: 1000
          })
          resolve(res)
        } else if (res.statusCode == 500) {
          uni.showToast({
            title: "服务器错误",
            icon: "none",
            duration: 1000
          })
          resolve(res)
        } else if (res.statusCode == 202) {
          uni.showToast({
            title: "服务器错误",
            icon: "none",
            duration: 1000
          })
          resolve(res)
        } else{
          uni.showToast({
            title: "服务器错误",
            icon: "none",
            duration: 1000
          })
          resolve(res)
        }
      },
      // 进入接口失败
      fail:(err)=>{
        uni.showToast({
          title:"服务器错误",
          icon:"none",
          duration:1000
        })
        reject(err)
      }
    })
  })
}
//抛出
export {request}

在public文件夹创建a

你可能感兴趣的:(uni-app,前端,typescript)