码迷,mamicode.com
首页 > 移动开发 > 详细

Vue:axios中POST请求传参问题

时间:2018-01-19 14:19:24      阅读:632      评论:0      收藏:0      [点我收藏+]

标签:请求   www   添加   打包   blog   一个   语言   function   amp   

vue的ajax请求用的是axios组件,结果在用到post请求的时候,发现给后台传data时,后台(python语言+django框架)接收不到。

后台的request.body显示出,我给传送的是data被django打包成了一个obj中的key值,value为空数组。导致后台获取不到。

解决方案:

axios({
    method:‘POST‘,
    url:ap_service_url+opt.url,
    data:opt.obj,
    transformRequest: [function (data) {
            let ret = ‘‘
            for (let it in data) {
                ret += encodeURIComponent(it) + ‘=‘ + encodeURIComponent(data[it]) + ‘&‘
            }
            return ret
        }],
    headers:{‘Content-Type‘: "application/x-www-form-urlencoded"}
}).then(function(res){
      /*请求成功*/
}).catch(function(err){
       /*请求失败*/
})

通过添加transformRequset成功跳出这个坑~

Vue:axios中POST请求传参问题

标签:请求   www   添加   打包   blog   一个   语言   function   amp   

原文地址:https://www.cnblogs.com/WQLong/p/8316152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!