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