前端接口传递参数在network中多了一个冒号

不吃芒果……

已于 2022-03-12 12:17:45 修改

阅读量868

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：前端 vue.js javascript

于 2021-12-08 17:17:05 首次发布

本文链接：https://blog.youkuaiyun.com/yangy_u/article/details/121796231

vue 专栏收录该内容

5 篇文章

订阅专栏

在前端使用JSON.stringify传递数据到后端时出现错误，后端发现数据多了一个冒号。检查网络请求发现contentType为application/x-www-form-urlencoded。解决方法是将axios请求的contentType设置为application/json，确保数据正确发送。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：前端使用JSON.stringify传递到后台之后报错了，后端发现多了个冒号，在控制台打印出来发现没有冒号。在network中查看数据的时候发现多了个冒号。
解决：审查元素 Network 选项卡 Request Headers，contentType的默认是application/x-www-form-urlencoded表单格式，将contentType改为application/json

前端是使用vue，封装的axios

export function getList(data) {
return request({
url: '/getList',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
}
————————————————
原文链接：https://blog.youkuaiyun.com/weixin_43043994/article/details/101058969