fetch 请求封装函数

最新推荐文章于 2025-04-24 08:00:00 发布

Dwyane、

最新推荐文章于 2025-04-24 08:00:00 发布

阅读量473

点赞数 2

分类专栏： VUE 文章标签： json js vue javascript es6

本文链接：https://blog.youkuaiyun.com/qq_46007966/article/details/108882593

版权

VUE 专栏收录该内容

7 篇文章

订阅专栏

const TOKEN = 'xxx'
/**
 * POST请求
 */
function post(url, json) {
    return new Promise((resolve, reject) => {
        fetch(url, {
                method: 'POST',
                body: JSON.stringify(json),
                headers: {
                    'token': TOKEN,
                    'Content-type': 'application/json;charset=UTF-8'
                },
            })
            .then(res => res.json())
            .then(json => {
                if (json.code === 1) {
                    console.log(json.message)
                    reject(json.message)
                } else {
                    resolve(json.message)
                }
            })
            .catch(err => {
                console.log(err)
            });
    })
}

/**
 * GET请求
 */
function get(url) {
    return new Promise((resolve, reject) =>
        fetch(url)
        .then(res => res.json())
        .then(json => {
            if (json.code === 1) {
                console.log(json.message)
                reject(json.message)
            } else {
                resolve(json.message)
            }
        })
        .catch(err => {
            console.log(err)
        }))
}

export default {
    get,
    post
}