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 都是為了修飾一下
(簡約版:封裝好函數后引用至全局正常使用即可)