vue的axios访问后台获取不了参数和中文乱码设置

Posted 努力lshdnks

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的axios访问后台获取不了参数和中文乱码设置相关的知识,希望对你有一定的参考价值。

/**
 * 获取所有路口数据
 */
function A() 
    return axios.post(contextPath+"/book/getList");
//获取协调路径中每个信号机的特征参数
function B(acsIdList) 
    return axios.post(contextPath+"/user/getUserById",
        id: id
    );
axios.all([A(),B()])
    .then(axios.spread(function(data1,data2)
        if(!(data1.status==200&&data2.status==200)) return;
        data1 =data1.data;
        data2 =data2.data;
       //TODO
    ))
    .catch(function (error) 
        console.log(error);
    );

如果后台得不到参数或者数据中文乱码,那么添加一下设置:

/**
 * Created by huangshengtao on 2018-8-21.
 */
axios.defaults.headers = 
    "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"

axios.defaults.transformRequest = [function (data) 
    var newData = "";
    for (var k in data) 
        newData += encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) + '&'
    
    return newData
]

 

以上是关于vue的axios访问后台获取不了参数和中文乱码设置的主要内容,如果未能解决你的问题,请参考以下文章

axios异步访问后台 @RequestParam 获取参数 HTTP Status 400 - Required String parameter 'xx' is not prese

axios异步访问后台 @RequestParam 获取参数 HTTP Status 400 - Required String parameter 'xx' is not prese

Vue-Resourse发送请求后台接收参数乱码问题

Vue项目实战:电商后台管理系统(Vue+VueRouter+Axios+Element)

Vue项目实战:电商后台管理系统(Vue+VueRouter+Axios+Element)

axios用post传参,后端无法获取参数问题