axios 配合 Promise 封装请求

2 篇文章 0 订阅
1 篇文章 0 订阅

随着 es6 的流行开来,再加上 axios 的适用,于是 axios 配合 es6 中的 Promise ,已经渐渐成为前端程序员的标配。下面,是我封装的一个简单的请求。有很多不足,望各位大神不吝赐教,指导。

export const http = (info) => {

    let token = sessionStorage.getItem("token")
    
   //post请求,设置为 ‘application/json' ,前后端约定。如果是文件上传,需要改为      formData
    axios.defaults.headers.post['Content-Type'] = 'application/json'
    
    // 不公开的请求,需要携带 token 用户验证参数,登陆后一般后端会给
    axios.defaults.headers.common["token"] = token;

    let url = baseURL+info.url
    let params = info.params
    let method = info.method

    return new Promise(function (resolve, reject) {
        let promise
        if (!method) {
            method = 'GET'
        }
        if (method === 'GET') {
            let dataStr = '' 
            if (params) { // get 请求把参数拼接到 url 上,也可放入 get 参数中
                Object.keys(params).forEach(key => {
                    dataStr += key + '=' + params[key] + '&'
                })
            }

            if (dataStr !== '') {
                dataStr = dataStr.substring(0, dataStr.lastIndexOf('&'))
                url = url + '?' + dataStr
            }
            promise = axios.get(url)
        } else {
            promise = axios.post(url, params)
        }
        promise.then(response => {
            if (response.status != 200) {
                return
            }
            //正确返回所需要的值
            resolve(response.data.info)
        }).catch(error => {
           // 处理错误
            reject(error)
        })
    })
}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值