Promise封装异步请求

最新推荐文章于 2023-11-28 22:51:34 发布

蜗壳_

最新推荐文章于 2023-11-28 22:51:34 发布

阅读量1.3k

点赞数 1

文章标签： js promise 前端封装请求 axios

本文链接：https://blog.csdn.net/weixin_42315879/article/details/102495678

版权

封装：

export default api = {
    getMethods(url) {
        return new Promise(function (resolve, reject) {
            axios.get(url).then(res => {
                resolve(res)
            }).catch(err => {
                reject(err)
            })
        })
    },
    postMethods: function (url, par) {
        return new Promise(function (resolve, reject) {
            axios.post(url, par).then(res => {
                resolve(res)
            }).catch(err => {
                reject(err)
            })
        })
    }
}

引用：

import api from 'api'

api.getMethods('/api/xxx').then(res => {
    console.log(res)
}, err => {
    console.log(err)
})

api.postMethods('/api/xxx', { id: 1, name: 'xxx' }).then(res => {
    console.log(res)
}).catch(err => {
    console.log(err)
})