首先建立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 :

微信小程式：

本文來自部落格園，作者：鹹瑜，轉載請註明原文連結：https://www.cnblogs.com/bi-hu/p/15481282.html