日常开发记录-axios配置请求头content-type

最新推荐文章于 2025-04-25 02:58:45 发布

who am I？ 6666

最新推荐文章于 2025-04-25 02:58:45 发布

阅读量765

点赞数

本文链接：https://blog.youkuaiyun.com/machine_vision123/article/details/130896689

版权

文章介绍了Axios库在发送POST请求时默认的Content-Type（application/json）以及如何设置不同的数据格式，如application/x-www-form-urlencoded和multipart/form-data。对于后者，提到了URLSearchParamsAPI在浏览器中的使用方法。

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

blobTypes.json，文件下载blob类型

// 全部类型列表网址 https://www.iana.org/assignments/media-types/media-types.xhtml#application 
{
   　"pdf": "application/pdf",
　　　"zip": "application/zip",
　　　"json": "application/json",
}

*******************************************************************************************************************************************

axios使用post发送数据，默认把JSON放到请求体中提交到后端。即axios默认请求头content-type类型是application/json;charset=utf-8。

post请求常见的数据格式(content-type)：

content-type: application/json：请求体中的数据会以json字符串的形式发送到后端。

content-type: application/x-www-form-urlencoded：请求体中的数据会以普通表单形式(键值对)发送到后端。

content-type: multipart/form-data：它会将请求体中的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。

使用application/x-www-form-urlencoded format

默认情况下，axios将JavaScript对象序列化为JSON。要以application/x-www-form-urlencoded格式发送数据，可以使用以下选项。

1、浏览器

在浏览器中，可以使用URLSearchParams API：

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);

网址：http://www.axios-js.com/zh-cn/docs/#axios-head-url-config

*******************************************************************************************************************************************

转载：https://www.ibashu.cn/news/show_306895.html