封装Uni-app中uni-request之typescript

发请求常封装的，这里就封装好了 ts 用的，直接 cv 大法即可

// 服务器接口地址
// const baseURL:string='http://xxxxxx' 
 // 本地调试接口地址
 const baseURL:string='http://localhost:9000'


function request(url:string, method: "GET" | "POST" | undefined,data: object | any){return new Promise(function(resolve, reject){
			// 这里推荐可以写没有 token，跳转至登陆界面的, 使用 uni.navigate 就可以了 
              let header:any
              if(uni.getStorageSync('token') !== undefined && uni.getStorageSync('token') !== ""){
                header = {
                  'content-type': 'application/json',
                  'X-Auth-Token': uni.getStorageSync('token')
                };
              }else {
                header = {'content-type': 'application/json',};
              }
              uni.request({
                    url: baseURL + url,
                    method: method,
                    data: data,
                    header: header,
                    success(res:any) {resolve(res)
                    },
                    fail(err:any) {reject(err)
                    }
                    
                  })
                  
            })
            
    }


export {request,baseURL}

下面这个直接将 API 管理到一起，这样好用一点

import {request} from '../request/request'
// 其余接口
const admin = (data: object | any)=>request('/attend/rule', 'POST', data) //
// 登陆接口
const number = (data: object | any)=>request('/attend/binde', 'POST', data)//
const numbertoo = (data: object | any)=>request('/attend/bindtoo', 'POST', data)

export{
   admin,
   bindnumber,
   numbertoo
}

换成自己的接口就可以直接用了，使用的时候是是使用的 promise 来进行异步操作的，所以使用 promise…then 这种用法即可

admin({"telephone": telephone.value}).then(res => {console.log(res)
}

这里推荐这种写法是，大多数后端处理完，还需要 success 的回调函数，所以用这种写法比较方便