Vue项目axios前端Post请求,后端Servlet解析不到

问题

前端为Vue项目发送Post请求,传输数据到后端。
后端为Tomcat-Servlet,通过request.getParameterMap()解析不到数据。

解析

经过分析和各种调试,发现前端发送的信息格式为Payload Data,该种格式为axios默认格式,以该格式传输数据,不能通过后端的Servlet的parameter所解析得到。
parameter对应的格式应为Form Data

解决办法

思路

将传输的数据由 Payload Data 调整至 Form Data

解决

添加下列代码至Vue-cli项目中的main.js,重启项目,可以在浏览器中发现传输的数据格式变为 Form Data

axios.defaults.transformRequest = [function (data) {
     
    let src = ''
    for (let item in data) {
     
      src += encodeURIComponent(item) + '=' + encodeURIComponent(data[item]) + '&'
    }
    return src
}]

你可能感兴趣的:(bugs,vue,js,post,ajax)