美文网首页
axios post提交后台接收数据问题

axios post提交后台接收数据问题

作者: 惜_5ca5 | 来源:发表于2020-06-24 08:42 被阅读0次

    描述: Axios post 提交数据,后端@RequestParam取不到值,get方式可以去到

    原因:axios post 提交数据对数据做了判断,如果是Object类型则把数据转换成JSON格式Request Payload,JSON提交方式 ( Content-Type:application/json;charset=UTF-8). 后台@RequestParam 取参数只能通过k=v&k=v格式字符串格式取值

    image.png

    解决:

    1. 后端接口通过@RequestBody 接收参数。
    2. Request Payload 格式转为Form Data格式
      ① 设定headers
       headers: {
         'Content-Type': 'application/x-www-form-urlencoded'
       }
      

    ② 把数据转换成form data
    npm install qs -S
    重新封装数据

       import qs from 'qs'
    
       const data = qs.stringify({
         key: value
          ...
       })
    
       axios.request({
           url: '...',
           method: 'post',
           data
       })
     ~~~
    

    相关文章

      网友评论

          本文标题:axios post提交后台接收数据问题

          本文链接:https://www.haomeiwen.com/subject/jvmkfktx.html