uniapp封裝網絡請求方法 (一看就會!超級簡約!)


1. 新建一個目錄及js文件專門用來放至此方法,代碼如下:

   

2. 將該方法引用至全局:

 2.1 首先將該文件在main.js里引用至全局 import { myRequest } from './util/api.js' (因為是export暴露封裝的所以{}里放方法名即可)

 2.2 用vue的手法將該方法引用至全局 Vue.prototype.$myRuquest = myRequest

3. 使用自己封裝的方法:

async getSwipers ( ) {

 const res = await this.$myRuquest ({

    url: '/api/getLunbo'

})

   console.log(res)

  this.swipers = res.data.message //將需要的數據保存至自己的swipers數組里

}

//這個方法返回的是promise所以 const res = await 和 async 都是為了修飾一下

(簡約版:封裝好函數后引用至全局正常使用即可)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM