HTTP协议中的Accept与Content-Type的区别
HTTP协议的内容，其中，我们经常会用到 Accept 与 Content-Type，那么这两者有什么区别和联系呢？
- 类型不同
类型不同Accept属于请求头， Content-Type属于实体头。
Http报头分为通用报头，请求报头，响应报头和实体报头。
请求方的HTTP报头结构：通用报头|请求报头|实体报头
响应方的HTTP报头结构：通用报头|响应报头|实体报头
- 作用不同
Accept代表发送端（客户端）希望接受的数据类型。 比如：Accept：text/xml; 代表客户端希望接受的数据类型是xml类型。
Content-Type代表发送端（客户端|服务器）发送的实体数据的数据类型。 比如：Content-Type：text/html; 代表发送端发送的数据格式是html。
二者合起来， Accept:text/xml； Content-Type:text/html ，即代表希望接受的数据类型是xml格式，本次请求发送的数据的数据格式是html。
content-type application/x-www-form-urlencoded & application/json
前端向后端传输数据时，如果是get传输，直接传在url后；如果是post传输，则在请求体body中传输。
在body中的数据格式又有两种，一种是 json 数据格式，另一种是 字符串。具体要用哪种格式取决于后端入参的格式。
如果后端接收json数据类型，post 的 headers 需要设置 { ‘content-type’: ’application/json’ }，传给后端的数据就形如 { ‘name’:’edward’, ‘age’:’25’ }
如果后端接收的是（表单）字符串类型，post 的 headers 需设置 { ‘content-type’: ’application/x-www-form-urlencoded’ }，
，传输给后端的数据就形如 ‘name=edward&age=25’
项目开发中后端get请求需要接受（表单）字符串类型 但是post请求需要接手application/json，且后端返回类型不确定即可为字符串，也有可能json，axios的配置时的坑
axios中data不设置时，headers 设置content-type不生效，后端返回类型不确定需要设置 'Accept':'/'
let config;
if(method==="GET"){
config = {
method: 'get',
timeout: 120000, //上传较大图片需要响应较长时间
url: getFastUrl() + url,
data: {},
withCredentials: false,
headers: {
'Accept':'*/*',
'Content-Type': 'application/x-www-form-urlencoded'
}
}
}else{
config = {
method: method,
timeout: 120000, //上传较大图片需要响应较长时间
url: url,
data: method === "POST" || method === "PUT" ? params : null,
withCredentials: false,
headers: {
// 'Content-Type': 'application/x-www-form-urlencoded'
"Content-Type": "application/json"
}
}
}
