美文网首页vue
uni-app请求封装

uni-app请求封装

作者: 百不理 | 来源:发表于2020-07-13 13:39 被阅读0次

在common下面建立request.js

export let global_url = '接口地址';

export function get(url,data){
    return request('get',{},global_url+url,data)
}

export function post(url,data){
    let header = {
        "content-type":'application/x-www-form-urlencoded'
    }
    return request('post',header,global_url+url,data)
}

function request(method,header,url,data){
    return new Promise((resolve,reject) => {
        uni.request({
            header:header,
            url:url,
            data:data,
            method:method,
            dataType:'json',
            success(e) {
                resolve(e);
            },
            fail(e) {
                reject(e)
            }
        })
    })
}

使用

import { post } from '@/common/request';

post('地址', data).then(res => {
                    if (res.data.code == 200) {
                        that.title = "";
                        that.content = '';
                        uni.showToast({
                            title: '成功',
                        });
                        setTimeout(() => {
                            uni.switchTab({
                                url: '/pages/index/index'
                            });
                        }, 1000)
                    } else {
                        uni.showToast({
                                title: '失败,请重试',
                                icon: 'none',
                                duration: 2000
                            });
                    }
                })

相关文章

网友评论

    本文标题:uni-app请求封装

    本文链接:https://www.haomeiwen.com/subject/vchjcktx.html