uniapp 封裝 網絡請求

首先創建utils 然后新建 request.js

/**
 * 封裝請求對象
 */

const BASE_URL = "https://xxxxx/xxxx/xxxxx/xxxx/api";

/**
 * 
 */
function request({url, data, method}) {
    return new Promise((resolve, reject) => {
        //uni.app 發起網絡請求
        uni.request({
            url: BASE_URL + url,
            data,
            method,
            sslVerify: true,
            success: ({
                data,
                statusCode,
                header
            }) => {
                if (data.success){
                    //請求成功
                    resolve(data)
                }else{
                    //請求失敗 提示用戶
                    uni.showToast({
                        title:data.message,
                        icon:"success",
                        mask:true,
                        duration:2000
                    }); 
                    //進行失敗回調
                    reject(data.message);
                }
            },
            fail: (errot) => {
                //請求錯誤 直接進行錯誤回調
                    reject(errot);
            }
        })
    })
}

/*導出*/
export default request;

里面的 base-url 自己設置，還有就是里面封裝了promise  uni.request 中的一些參數完全可以自定義，

里面存在些ES6 語法 慢慢看即可。

 

封裝好了  使用封裝：

1. 不規范就是直接用即可。。。。

 

我是很規范的好嗎？  ：：：

新建文件夾 api  ，新建JS文件 然后里面寫你指定的請求：

import request from '../utils/request';

/**
 * 熱搜文章類型
 * 針對接口來寫的啊  下面接口默認GET所以不寫ｍｅｔｈｏｄｓ　，沒有參數　所以不寫　data :
 */

export function getHotTabs(){
    /**
     * 返回（Promise）
     */
    return request({
        url:'/test/test1'
    })
}

 

可以看到 所以這里返回了 我們就用  async  +  await 調用即可：

 

 

 

 

測試：

 

H 5 :

 

 

微信小程序：