uniapp学习-uniapp简单封装API请求

uniapp拆坑路1

uniapp简单封装API请求?

let baseUrl  = '请求相同的连接'
export const myRequest = (options)=>{
	return new Promise((resolve,reject)=>{
		uni.request({
			url: baseUrl + url,
			mehods: options.method || 'GET',
			data: options.data || {},
			success:(res)=>{
				// 判断请求失败或者成功
				if(res.data.status !=  '成功status'){ 
	// 根据请求返回值不同判断 不一定是res.data.status
					return uni.showToast({
						title:'获取数据 / 失败'
					})
				}
				// 请求成功
				resolve(res)
			},
			fail:(error)=>{
				uni.showToast({
					title: '请求接口失败'
				})
				reject(error)
			}
		})
	})
}

// 调用
// 用 async await 进行调用  
async fn() {
	const res = await this.$myRequest({
		url:'',
	})
}

更加简单的封装(通俗易懂)

首先创建一个http.js的文件 然后写入…↓

var obj = {
  get(url,params){
    return new Promise(function(resolve,rejected){
      uni.request({
        url: baseUrl + url ,
        data:params,
        header:{
          
        },
        success(res){
          resolve(res)
        },
        fail(res){
          rejected(res)
        }
      })
    })
   
  },
  post(url,params){
    return new Promise((resolve,rejected)=>{
      uni.request({
        url: baseUrl+url,
        data:qs.stringify(params,{ allowDots: true }),
        header:{
          "content-type":"application/json"
        },
        method:"POST",
        success(res){
          resolve(res)
        },
        fail(res){
          rejected(res)
        }
      })
    })
  }
}
export default obj

//使用  注意 http 要注册在main.js中 才能全局调用!!! (直接根据路劲注册就行了)
this.$http......