axios用POST请求的三种content-type方式和options预处理

最新推荐文章于 2024-06-17 11:31:25 发布

Vera!

最新推荐文章于 2024-06-17 11:31:25 发布

阅读量1.0k

点赞数

分类专栏：前端文章标签： json 前端 javascript

本文链接：https://blog.csdn.net/lxw199711/article/details/121691869

版权

本文介绍了axios中POST请求的三种content-type：application/x-www-form-urlencoded（常用，适合参数简单的情况）、multipart/form-data（用于文件上传）、application/json（默认方式，传递JSON字符串）。同时，解释了在跨域请求时，浏览器会先发送OPTIONS预处理请求来检查服务器是否允许该跨域操作。

摘要由CSDN通过智能技术生成

application/x-www-form-urlencoded

最常见的POST编码方式。在nodejs中我们可以使用querystring中间件对参数进行分离。

import axios from 'axios';
import qs from 'qs'
let data={name:'张三',age:18};
axios.post('url',qs.stringify(data))
.then(res=>{
	console.log('返回数据：',res)
})

控制台显示”：各个参数用&符隔开
在这里插入图片描述

multipart/form-data

一般表单上传文件时用这种形式

import axios from 'axios';
let data=new FormData();
data.append('name','张三');
data.append('age',18);
axios.post('url',data)
.then(res=>{
	console.log('返回数据：',res)
})

控制台显示：