美文网首页
axios发送post请求数据后台无法接收问题

axios发送post请求数据后台无法接收问题

作者: 不是城里鱼 | 来源:发表于2018-11-27 14:11 被阅读0次

    最近尝试使用iview-admin 来做前后端分离开发
    使用axios代替ajax请求

    当参数是JSON对象时,默认的Content-Type是application/json。
    此时后台无法获取所传递的参数

    在axios使用Post发送数据时,默认是直接把json放到请求体中提交到后端的,而后端获取数据的方式有两种,一种是@RequestParam(通过字符串中解析出参数),另一种是@ResponseBody(从请求体中取参数),很显然,我们的后端用了第一种方式。

    解决如下:

    import Qs from 'qs'
    
    export const deleteAudioType = (id) => {
      let data = {
        id: id
      }
      return axios.request({
        url: 'api/audio/deleteType',
        data: Qs.stringify(data),
        method: 'post'
      })
    }
    

    使用qs 库对数据进行转换 ,此时结果如下:


    发送数据请求

    传递的为表单数据 contetn-type 为aplication/x-www-form-urlencoded

    问题解决

    相关文章

      网友评论

          本文标题:axios发送post请求数据后台无法接收问题

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