技術標籤：vue.jsuni-appapi封裝javascript

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......