Django后台获取不到前端axios - post请求参数的解决方法

最新推荐文章于 2024-08-13 17:13:53 发布

转载最新推荐文章于 2024-08-13 17:13:53 发布 · 3.8k 阅读

文章标签：

#vue #ajax #django

个人日记同时被 3 个专栏收录

11 篇文章

订阅专栏

web前端

6 篇文章

订阅专栏

各种错误以及补救方法

3 篇文章

订阅专栏

本文介绍了在Vue项目中使用axios发送POST请求时遇到的问题及解决方案。通过修改util.js文件中的ajax请求方式，添加transformRequest字段来正确传递POST参数。

摘自博客 Vue:axios中POST请求传参问题

查看后台获取的请求POST时，是可以看到请求参数的，所以不是通讯问题，肯定是两边处理信息功能不对称；使用的是vue-admin开源后台，在这里记录一下在libs/util.js中关于ajax请求的全局修改：

在 util.ajax = ....下加入：

util.apiAxios = function(url, params, response) {
    this.ajax({
        method: 'POST',
        url: url,
        data: params,
        params: params,
        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) {
        response(res);
    }).catch(function (err) {
        response(err);
    })
}

这个方法是直接进行POST请求，如果要改为GET，还需加上请求参数“method”；

出现无法获取参数的解决方法就是添加 transformRequest 字段；