axios content-type配置,axiospost设置content-type
现在前端开发中通过Ajax发送请求获取后端数据的情况非常普遍。下面这篇文章主要介绍axios配置请求头content-type的相关信息，有需要的朋友可以参考一下。
目录
前言axios配置请求头content-type方法如下：补充：axios根据接口设置不同的content-type摘要。
前言
目前可能在线发送Ajax请求的插件有很多种，每种用法可能略有不同。你只需要选择一个你喜欢的。毕竟很多人还在用jQuery，还有$。ajax被大量使用。
axios配置请求头content-type方法如下：
Axios是Ajax的一个插件。虽然axios是一个插件，但是我们并不需要通过Vue.use(axios)来使用。下载完成后，我们只需要将其引入到项目中。(一般我们在请求接口的公共文件中引用)
npm安装axios -S
Axios默认情况下通过将json直接放入请求体并提交给后端来发送post请求。axios的默认请求标头内容类型是“application/json ”;charset=utf-8 。
三种常见的内容类型数据格式：
//1默认格式请求体的数据将以json字符串的形式发送到后端
“内容类型：应用程序/json”
//2请求体中的数据将以通用形式(键-值对)发送到后端
content-Type:application/x-www-form-urlencoded
//3它会把请求体的数据处理成消息，以标签为单位，用分隔符隔开。您可以上传键值对或文件。
“内容类型：多部分/形式数据”
Content-Type: application/json是默认参数，我就不说了。
如果后端需要接受的数据类型是：application/x-www-form-urlencoded，那么我们应该如何配置前端：
1使用URLSearchParams传递参数
var param=new URLSearchParams()
param.append(name ，name)
param.append(age ，年龄)
axios(
{
方法： post ，
网址：网址，
数据：参数，
}
).然后(res=res)。catch(错误=错误)
2将axios请求头中的content-type配置为指定的类型(这很常见)
axios . defaults . headers[ Content-Type ]= application/x-www-form-urlencoded ；
介绍一下qs，这个库包含在axios里面，不需要下载。
从“qs”导入Qs
让params={
姓名: ll ，
年龄: 18
}
axios({
标题：{
“内容类型”:“应用程序/x-www-form-urlencoded”
},
方法： post ，
网址：网址，
数据：Qs.stringify(参数)
})
如果后端需要接受的数据类型是：content-type:multipart/form-data，我们应该如何配置前端：
应用场景：对于这类数据，我们一般是在前端页面上传个人图片，然后点击保存发送后端修改原始数据。
设params=新表单数据()
params.append(file ，this.file)
params.append(qq ，this.qq)
params.append(微信，这个。微信)
axios.post(URL，params，{ headers:{ Content-Type : multipart/form-data } })。然后(res={
if (res.data.code===0) {
这个。$router.go(-1)
}
}).catch(错误={
预警(“无法更新用户数据”错误)
})
补充：axios 根据接口设置不同的content-type
问题是这样的：当我们向前端请求后端接口时，通常content-type的格式是application/json，但有时候后端需要我们传输的form form的格式是application/x-www-form-urlencoded；字符集=UTF-8 .
具体来说，我的运行环境是uniapp。
首先，axios请求拦截。
Config包含我们传递的参数，所以您可以自己打印并检查它们。
Config.data.need是我自己定义的一个字段，用来确定content-type的具体格式是什么。
也就是我们又需要application/x-www-form-urlencoded的格式了；在charset=UTF-8的接口中传递needs:true就好了。
总结
这就是这篇关于axios配置请求头内容-typ的文章。有关axios配置请求头内容类型的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。