axios配置请求头content-type

 

axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型

我们现在来说说post请求常见的数据格式（content-type）

1. Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端

2. Content-Type: application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端

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

1.content-type为application/json 

这是axios的默认content-type的内容   仅需要传入json字符串就可以。没啥可说的

2.content-type为application/x-www-form-urlencoded

这是原生表单请求的默认请求方式，有三种方法可以解决

@1 使用URLSearchParams接口

 var param = new URLSearchParams()
  param.append('id',id)
  param.append('user' , user)
axios(
{
  method:'post',
  url: url,
  data : param,
}
).then(res => res).catch(err => err)

 @2使用axios自带的库 qs

import qs from 'qs'
var data = {
name:'name',
user:'user'
}
axios.post(url, qs.stringify(),{headers:{
content-type:'application/x-www-form-urlencoded'}}
).then(res => res).catch(err => err)

@3使用node.js 的querystring 进行序列化

3.Content-Type: multipart/form-data

使用原生接口formData

var data = new  formData()
data.append('user',user)
data.append('user',user)
axios.post(url, data,{config}
).then(res => res).catch(err => err)