在專案中我們使用請求 需要通過api封裝
- 為什么封裝api
因為在專案中 請求使用的地方會有很多 不利于后期維護 如果我我們講api封裝出來 只需要維護api檔案就可以了
這里以uniapp封裝api來寫小程式為例
第一步
- 先在專案目錄中創建一個utils檔案夾 在該檔案夾下創建一個js檔案為請求的封裝 代碼如下
// 封裝請求
const http = ({url, method='get', data=''}) => {
return new Promise((resolve, reject) => {
uni.request({
method,
url: `公共請求地址` + url,
data,
success(res) {
resolve(res.data) // 將請求成功后得到的資料回傳出去 可以用then方法接受到資料
},
fail(err) {
reject(err) // 將請求失敗后回傳的資訊 回傳出去 可以用catch方法接受到
},
complete() {
}
})
})
}
export default http;
第二步
- 在utils檔案夾下創建一個api.js 這里以請求輪播圖資料的介面為例
import http from './http.js'
// 請求輪播圖資料的介面
export const getSwiper = () => http({url: '你們自己的請求輪播圖資料的介面地址'})
第三步
- 在需要使用輪播圖介面的檔案中
import { getSwiper } from '../../utils/api.js'
export default {
data() {
return {
swiper: []
}
},
async created() {
let {message} = await getSwiper() // message就是我們請求完成后獲取的資料資訊
this.swiper = message
},
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/402766.html
標籤：其他
下一篇：Webpack重大變化