vue-resource post请求,header无法设置解决方案

在vue-resource 里面加header头的时候,get请求正常加入,但post,没有正常加上,这种情况是因为options.emulateHTTP覆盖导致的,在请求拦截器里面加请求头也不行,所以解决方案是全局写死请求头:

Vue.http.options.emulateHTTP = true;
Vue.http.options.headers = {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}

这样写入之后会导致,BODY参数错误,所以需要在全局请求拦截器里面重新解析BODY数据

let body = request.body
if (body) {
    let array = []
    for (var key in body) {
        array.push(key + '=' + body[key])
    }
    request.body = array.join('&')
}

这样所有参数都会正常,header也就加上了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值