摘自博客 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 字段;

Logo

前往低代码交流专区

更多推荐