Vue:axios中POST请求传参问题

最新推荐文章于 2023-10-16 17:05:00 发布

CGGAO

最新推荐文章于 2023-10-16 17:05:00 发布

阅读量479

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：http://www.cnblogs.com/WQLong/p/8316152.html

本文介绍了一个Vue项目中使用Axios组件进行POST请求时遇到的问题及解决方案。当向后端（Python + Django）发送POST请求时，发现传递的数据无法被正确解析。通过调整Axios配置中的transformRequest属性并设置Content-Type为application/x-www-form-urlencoded，成功解决了这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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成功跳出这个坑~

转载于:https://www.cnblogs.com/WQLong/p/8316152.html