uniapp中封裝request請求方法

1.封裝request

  • 新建untils文件夾 request.js文件
//服務(wù)端路徑
let serverPath = "http://172.30.2.113:3000";
const $request = (url, data, method) => {
    return new Promise((resolve, reject) => {
        uni.showLoading({
            title: '加載中',
            icon: 'loading',
            mask: true
        });
        uni.request({
            url: serverPath + url,
            method: method,
            data: data,
            header: {
                "authorization": uni.getStorageSync('token')
            },
            success(res) {
                resolve(res)
                uni.hideLoading(); //關(guān)閉loading
            },
            fail(error) {
                reject(error);
                // throw new Error(error);
                uni.hideLoading(); //關(guān)閉loading
            },
            complete() {
                uni.hideLoading(); //關(guān)閉loading
            }
        })
    })
}
//get請求
const get = (url, data) => {
    return $request(url, data, 'GET')
}
//post請求
const post = (url, data) => {
    return $request(url, data, 'POST')
}


export default {
    post,
    get
}

2二次封裝

  • 新建api文件 新建對應(yīng)的js文件
//引入封裝好的request
import request from '@/untils/request.js';
function search_(data){
   return request.get("接口路徑",data)
}
export {
   search_ as search,
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容