uniapp/vue request请求封装

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容