axios发送post请求，content-type一直是json的问题

最新推荐文章于 2024-07-23 16:20:57 发布
最新推荐文章于 2024-07-23 16:20:57 发布
阅读量7.1k 收藏 3
点赞数
分类专栏： 前端 ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy444263/article/details/89445803
版权
在axios中，post请求默认content-type是json，但实际需要发送表单数据时，需要手动配置。官方文档虽未提供编码表单功能，需自行处理。全局配置content-type为'application/x-www-form-urlencoded'可解决问题。
摘要由CSDN通过智能技术生成

官方文档

官方文档说post请求默认值是以表单形式提交的。

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

问题

我需要发送表单，但是我我发送的post的请求都是application/json。

解决办法

官方文档虽然默认设置post请求是application/x-www-form-urlencoded，但是它本身并没有提供编码表单的函数，也就是说需要自己写，如果自己没有写，那么它依然是application/json方式提交。

最简单实现，全局配置：

 transformRequest:
最低0.47元/天 解锁文章
大勇哥~
关注
专栏目录
如何解决axiospost数据自动发送json类型编码的问题（axios发送application/x-www-form-urlencoded类型数据）
小游
12-21 1207
本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问 axios的请求默认数据会自动进行json编码。。。 怎么做才可以避免axios自动编码呢？ 使用qs来解决 安装：npm install qs --save 参考：https://blog.csdn.net/baidu_41601048/article/details/82913530 https://blog.csdn.net/kirinlau/article/details/82669013 我们引入这个插件 import QS .
【axios中post提交数据方式application/json】
limuzhixing的博客
08-31 1108
axios中post提交数据方式application/json
axios请求大全
最新发布
Cloud的专栏
07-23 1353
本文讲解axios封装方式以及针对各种后台接口的请求方式axios的介绍和基础配置可以看这个文档: 起步 | Axios中文文档 | Axios中文网axios封装的重点有三个，一是设置全局config,比如请求的基础路径，超时时间等，第二点是在每次请求前往请求头里面塞token,第三点是处理请求的response,如果出错了进行统一的错误处理 发送GET请求 我们先来看swagger文档,这个请求是get请求，传递的参数是query,也就是跟在url后面的键值对，类似于?key1=val1&key2
使用axios请求数据，post请求出错。因为axios传递的请求参数是json格式，而后端接口要求是formData...
anda9128的博客
05-10 552
解决办法1：（IOS兼容性有问题，不推荐使用） // json格式转为formData格式，因为某些接口的原因 function json2formData(jsonData) { var params = new URLSearchParams(); for(var key in jsonData){ //遍历json对象的每个key/val...
axios post提交的Content-Type
05-23 192
使用axios的坑 jQuery.ajax的post提交默认的请求头的Content-Type: application/x-www-form-urlencoded而axios.post提交的请求头是Content-Type: application/json。 application/json是一个趋势，但是如果改一个旧项目，把jQuery.ajax全部换成axios.post时，...
Content-Type引起axios请求数据类型格式不为json
qq_37493515的博客
05-25 1053
一、刚创建一个vue新项目，使用axios做网络请求 1、返回值。 2、请求数据 二 、根据返回值来说，ajax请求没啥问题，那肯定是数据问题。 1、仔细观察数据发现，数据类似json格式，但又不是json格式，因为formData后面有一个冒号’:‘，很显然，我们上传的数据是没问题的， ...
axios请求之坑——默认Content-Type: application/json
weixin_34391445的博客
09-04 3466
在使用axios发送post请求时，默认的请求头Content-Type的属性值为application/json，这个时候浏览器会分两次发送请求，首先使用OPTION方法发送请来询问服务对请求是否支持，若不支持，则报错，终止请求的发送。因此服务器需要配置Access-Control相关的属性才能正确响应。下面是express配置处理一个登录请求的例子： app.use('/login', (re...
VUE项目axios请求头更改Content-Type操作
10-15
对于特定请求类型，如POST请求，更改Content-Type字段是一个常见的操作，它用于指定客户端发送数据的格式。Content-Type表明了请求数据的MIME类型（Multipurpose Internet Mail Extensions，多用途互联网邮件扩展...
axios请求头配置Content-type问题
m0_46769156的博客
04-15 3651
遇到了什么问题？ 前端项目在与后端项目对交接口过程中，出现截取参数为null的情况 数据可以写入数据库，却不能正确截取。 经过不断试错发现，问题出现在前后端接受数据类型并不统一。 前端发送的是application/x-www-form-unlencode 后端接受的是application/json 所以导致不能正确截取参数的情况发生。 什么是请求头中的content-type？ 请求头中有两个属性 Accept和Content-Type. Accept是客户端允许接受服务器的数据类.
使用axios发送post请求,将JSON数据改为form类型的示例
12-13
通常前端通过POST请求向服务器端提交数据格式有4中，分别是”application/x-www-form-urlencoded”格式、” multipart/form-data”格式、”application/json”格式和”text/xml”格式。通常最常见的是”application/...
vue Axios 向后端提交参数 请求头 json 方式（Content-Type: application/json; charset=UTF-8）...
weixin_30745641的博客
10-16 2747
import axios from 'axios' export default { name: 'basetable', data() { return { tableData: [], pageData:{ ...
谈谈axios配置请求头content-type
dianzhigan6636的博客
04-22 1188
现在前端开发中需要通过Ajax发送请求获取后端数据是很普遍的一件事情了，鉴于我平时在撸码中用的是vue技术栈，今天这里来谈谈我们常用的发Ajax请求的一个插件—axios。 > 现在网上可能发送Ajax请求有很多种插件，每种用法可能略有差异，大家只需挑选一种自己喜欢的即可。毕竟现在还有很多人使用jQuery，$.ajax用法也是很多了。 开始 因为需要用到axios插件，所以我们现...
axios中post请求 json 和 application/x-www-form-urlencoded 使用
MuHao_Hearbeat的博客
04-08 5058
json 请求
axios.post中contenttype 为application/x-www-form-urlencoded 和 application/json 区别和说明
Strive_789的博客
01-16 3500
说明：这两个都是发送请求的格式说明 1.application/x-www-form-urlencoded        在Form元素的语法中，EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 下边是说明： application/x-www-form-urlencoded： 窗体数据被编码为名称/值对。这是标准的编码格式。 multi...
post请求向服务器发送JSON格式数据设置Content-Type
weixin_44293690的博客
02-22 892
post请求向服务器发送JSON格式数据设置Content-Type
axios中post请求json和application/x-www-form-urlencoded详解
細水、長流√的专栏
03-02 4843
前端向后端传输数据时，如果是get传输，直接传在url后；如果是post传输，则在请求体body中传输。在body中的数据格式又有两种，一种是 json 数据格式，另一种是 字符串。具体要用哪种格式取决于后端入参的格式。如果后端接收json数据类型，post 的 headers 需要设置 { ‘content-type’: ’application/json’ }，传给后端的数据就形如 { ‘name’:’edward’, ‘age’:’25’ }
关于axios发送post请求的数据格式
lyj15390447067的博客
01-20 1403
关于axios发送post请求的数据格式
前后台$.post交互并返回JSON对象
weixin_30919235的博客
06-22 582
1、前台代码： $.post(url,{"blogId":blogId},function(reData){ if(reData.state=="success"){ alert("删除成功"); window.location.href="${pageContext.request.contextPath }/blog/searchAll.do"; }else{ ...
axios按post请求Content-Type: x-www-form-urlencoded
07-13
你可以使用axios发送POST请求并设置Content-Type为x-www-form-urlencoded，以下是一个示例代码： ```javascript import axios from 'axios'; import qs from 'qs'; const postData = { name: 'John', age: 25 }; axios.post('https://example.com/api', qs.stringify(postData), { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ``` 在上述代码中，我们首先导入了axios和qs库（用于将对象转换为url-encoded字符串）。然后，我们定义了要发送的数据对象postData。接下来，我们使用axios.post发送POST请求，并使用qs.stringify方法将postData转换为url-encoded字符串。最后，在请求的headers中设置Content-Type为application/x-www-form-urlencoded。 请注意，axios默认会将请求数据以JSON格式发送，所以要发送x-www-form-urlencoded数据，需要手动设置Content-Type并使用qs库进行转换。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值