uniapp/vue request请求封装

Posted 2023-03-22

参考技术A 1.创建一个request.js文件

const baseUrl = ' '//定义一个请求地址

const request = (url = '', date = , type = 'get', header =

) =>

    return new Promise((resolve, reject) =>

        uni.request(

            method: type,

            url: baseUrl + url,

            data: date,

            header: header,

            dataType: 'json',       

        ).then((response) =>

            setTimeout(function()

                uni.hideLoading();

            , 200);

            let [error, res] = response;

            resolve(res.data);

        ).catch(error =>

            let [err, res] = error;

            reject(err)

        )

    );

2.在全局注册main.js

引入js文件，并注册

import request from 'common/request.js'

Vue.prototype.$req = request

3.在页面使用

this.$req('/list',

// 传参参数名：参数值,如果没有，就不需要传

"id": this.id

).then(res =>

// 打印调用成功回调

console.log(res)

)



export default request