uniapp接口請求（第二種）

1. 新建config文件夾=>index.js文件
文件內容

1. 新建api文件夾=>api.js文件夾
文件內容

import baseURL from '../config/index.js'; //引入網址前綴文件
// 得到傳來的參數 用params來接收
module.exports = (params) => {
    const URL = baseURL.baseURL;
    let url = URL + params.url;
    let method = params.method;
    let header = params.header || {};
    let data = params.data || {};
    // 請求方式 GET POST
    if (method) {
        method = method.toUpperCase()
        if (method === 'POST') {
            header = {
                "content-type": "application/x-www-form-urlencoded"
            }
        }
    }

    //  發起請求 加載動畫
    if (!params.hideLoading) {
        uni.showLoading({
            title: '加載中'
        })
    }

    // 發起網絡請求
    uni.request({
        url: url,
        method: method || 'GET',
        header: header,
        data: data,
        dataType: 'json',
        sslVerify: false, //是否驗證ssl證書
        success: (res) => {
            //  當statusCode 等於200的時候是請求成功了，請求到的數據應該回傳給調用的地方，在調用的地方拿到數據后再進行處理
            if (res.statusCode && res.statusCode != 200) {
                uni.showModal({
                    content: res.msg
                })
                return;
            }
            typeof params.success == "function" && params.success(res.data)
        },
        fail: err => {
            uni.showModal({
                content: err.msg
            })
            //  在請求失敗的fail里寫上對應的處理，失敗的時候把失敗信息回傳給調用的地方
            typeof params.fail == "function" && params.fail(err.data);
        },
        complete: (e) => {
            console.log("請求完成");
            // 關掉請求的loading
            setTimeout(function() {
                uni.hideLoading()
            }, 1200);
            typeof params.complete == "function" && params.complete(e.data);
            return;
        }
    })
}

 

3. 在main.js文件夾中全局注冊引用
`import http from './utils/api/api.js'；`
`Vue.prototype.http = http;`

4.使用方法

參考自“油麥菜大佬”的uniapp封裝網絡請求
地址鏈接https://www.cnblogs.com/easth/p/uniapp_http.html