美文网首页
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