axios 请求参数格式与后台不对应导致415错误

最新推荐文章于 2023-12-21 17:00:04 发布
最新推荐文章于 2023-12-21 17:00:04 发布
阅读量6.1k 收藏 1
点赞数
分类专栏： 前端 文章标签： axios 415错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dongguan_123/article/details/81353950
版权

用axios请求后台数据的时候，默认的头部配置是

Content-Type： application/x-www-form-urlencoded;charset=UTF-8

这样的话，data的配置格式和传递的格式就是一样的，都是是json键值对

data：{"token":"eff6cd7f98a447daf14441c994913e46","ShopId":"200209456103948288"}

如果要传字符串格式，就需要转化一下 qs.stringify(data)

token=eff6cd7f98a447daf14441c994913e46&ShopId=200209456103948288

但是你头部配置的是

Content-Type： application/json;charset=UTF-8

那也不用对数据做处理了，传递的格式就是json格式了

donggua_123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
01-19
请求成功后后台返回上传文件的对应信息。 重点是下载： ############## downloadfile(res) { var blob = new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.wordprocessingml....
testaxios:axios练习
03-05
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求...4.发布请求体文本参数格式 1. Content-Type: application/x-www-form-urlencoded;charset=utf-8 用于键值对参数，参
前端使用axios发送post请求json数据到后端SpringBoot，数据多出一个 等号 “=“
qq_52595269的博客
11-25 1987
前端传给后端的数据后面多了个“=“
SpringBoot+vue使用axios请求的400，415问题
weixin_48351020的博客
06-20 1289
关于SpringBoot+vue使用axios的post请求400,415错误 首先看看post请求报400错误 报错有几点 参数传递的是一个字符串： axios({ url: "请求路径", method: "post", data: { canshu: "你好" } }) 参数传递的是一个对象 axios({ url: "请求路径", method: "post", data: { canshu: {id:"1",name: "哈哈哈"} } })
vue axios 项目报错 415
lMasterSparkl的博客
03-02 477
后端接入接口 临时解决办法：在axios的第三个参数config中，设置请求头信息’Content-Type’: ‘application/json;charset=UTF-8’ this.$http.post(‘registry’, JSON.stringify(this.ruleForm2),{ headers: { ‘Content-Type’: ‘application/json;charset=UTF-8’ } }) 最终问题原因： 这里设置初始值和后端接口不匹配 导致 修改正确即可 不用..
vue axios post 请求415 (Unsupported Media Type)
build2024
01-11 3717
1.vue项目中使用axois请求后端接口时报错 Unsupported Media Type （不支持媒体类型）
Vue传JSON数据错误 415 Unsupported Media Type
tmd
07-05 1452
第一步处理首先发现数据转换时不是json数据格式： 加上 transformRequest（transformRequest：在向服务器发送前，修改请求数据） transformRequest: [ function(data) { return JSON.stringify(data) }], 然后数据格式转换成了json格式，但是发现尾部多了个冒号 请求头问题 ，'Content-Type' 改为 json 即可 heade..
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
12-13
第一步,在 axios 请求中加入参数,表示接收的数据为二进制文件流 responseType: 'blob' 第二步,在拿到数据流之后,把流转为指定文件格式并创建a标签,模拟点击下载,实现文件下载功能 let blob = res.data let reader =...
http-ajax-axios:axios从入门到源码分析
03-11
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求...4.发布请求体文本参数格式 1. Content-Type: application/x-www-form-urlencoded;charset=utf-8 用于键值对参数，参
190620_http-ajax-axios:axios从入门到源码分析
03-23
axios从入门到源码分析 1.前后台交互的基本过程 1. 前后应用从浏览器端向服务器发送HTTP请求(请求...4.发布请求体文本参数格式 1. Content-Type: application/x-www-form-urlencoded;charset=utf-8 用于键值对参数，参
vue项目接口报415的错误解决方案
最新发布
u010822903的博客
12-21 497
把formadata的格式删除掉，改成普通的模式。
415报错，两种解决方法
furfur-jiang的博客
03-18 4332
第一种 查看消息头的响应头和请求头，看是否相同 如果不相同的话，继续修改，增加下面划重点部分 function getAddDirResponse(data) { $.ajax({ url:'xxx', type:'POST', contentType: 'application/json; charset=UTF-8',//划重点 ...
axios post请求报错415
web_zq的博客
06-04 3970
axios 发post请求 报错415 后台想要的格式json字符串形式的 前端 后台更改了传参方式 问题解决
vue axios post 请求415、400、500、404报错时
buchishutiao的博客
02-01 3267
后端参数使用了@RequestBody注解进行绑定，用了这个注解进行数据绑定，只能接受数据类型为 Content-Type类型为application/json。2.前台修改，设置Content-Type类型为application/json。写过两种传参方式：一种是直接将data中定义的数组传递。415错误的解释，服务器无法处理请求附带的媒体格式。1.后台修改，去掉@RequestBody注解。表示服务器错误，看看服务是否启动了。找不到页面，前端的端口号应该和后台端口号一致。
使用axiosCDN发送post请求415/405的解决办法
weixin_46564011的博客
10-05 1488
服务端首先确定你@PostMapping结构没出现问题就是因为你缺少对应的Jakson的包。method别写成methods这是正确写法其他都没啥。然后就是你前段axios这边。
Vue 使用 axios 415 错误
小道仙的后宫
10-21 6159
目的：解决Vue 415 错误 415 ： 简单理解，就是发送的数据格式，和接受的数据格式不一样。 如果我后台java 要求接受 json 格式，而前台传递的是 字符串 格式 （这里的格式不单单是表面的格式）。 所以我们前台要设置一下 （我使用的是 axios） ...
ajax post 请求415\ 400 错误
weixin_30247159的博客
12-22 447
今天用ajax 向后台发送 post请求时，出现了两个问题： 　　1， 发送请求后，控制台 返回 Unsupported media type-415(不支持的媒体类型)，这时突然想起来，post 请求要设置请求头，于是 写了 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded.'); 再次发送请求，还是...
415错误的一种解决方法
热门推荐
wutingyehe的专栏
12-15 7万+
出现415错误的解决方法： 1. 前端看ajax请求的contentType是否与后端一致 2. 看发送的数据格式是否正确。下例为后端所需数据为json格式，contentType为application/json的ajax请求。function getAddDirResponse(data) { $.ajax({ url:'/algor/api/datadirs',
axios请求地址格式
07-28
回答: 在使用axios发送请求时，请求地址的格式可以有多种方式。如果是get请求，可以直接将参数拼接在地址后面，例如：axios.get("/api/menulist?istree=1")。另一种方式是通过params参数传递，例如：axios.get("/api/menulist", { params: { istree: 1 } })。对于post请求，可以使用application/x-www-form-urlencoded格式发送请求，需要使用qs库对数据进行转义处理，并设置请求头的Content-Type属性为application/x-www-form-urlencoded。在请求拦截中，可以对数据进行处理，将其转换为字符串形式。需要注意的是，如果传递的数据是FormData格式（一般用于文件上传），则不需要进行处理。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* [axios请求的两种发送数据格式](https://blog.csdn.net/xuliqi666/article/details/126957302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [axios请求数据的格式](https://blog.csdn.net/bbt953/article/details/123109746)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值