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

最近尝试使用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

问题解决

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 昨天是英雄联盟新赛季开始第一天,中午吃饭的时候,就看到微信群里小武一个劲儿的叫喊“新赛季啦,336宿舍的豪华跑车上...
    东野圭吾的粉丝阅读 438评论 0 0
  • 三小孩躲猫猫,甜甜,(三岁)龙龙,(5岁〉云汐,(5岁) 规则∵小手抚眼,数十下,另外两人躲。然后,放下小手,找出...
    鱼在海里游鱼儿阅读 577评论 2 10
  • 朋友先前在众筹平台上看到一家民宿,风光自然,离市区也不远。房子的装修,属于极简风。浪漫、治愈、有情调。 「哎,我这...
    越女事务所阅读 404评论 0 1
  • 开车回家的路上,手机响了起来,撇了一眼,是个陌生号码。按照我以往的性子是不会接的,但最近两天敲定的新工作让我不得不...
    庐州十五月下阅读 336评论 0 0

友情链接更多精彩内容