封装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的回调函数，所以用这种写法比较方便