使用vue插件axios传数据的Content-Type及格式问题详解

使用Vue插件axios传送数据时，我们需要了解有关Content-Type的知识。Content-Type是HTTP头部中的一个域，表示发送数据的媒体类型和字符集。在传送数据时，我们需要根据接受方所期望的Content-Type的类型，构造对应的数据格式来传输数据。

简单来说，如果请求的Content-Type为‘application/json’, 则POST请求中的参数需要是一个JSON对象（即字符串中的数据需要以双引号作为键值的包装）。

当然，我们可以通过在axios请求中设置headers参数，来指定我们需要的Content-Type。

以下是一个简单的例子：

import axios from 'axios'

axios.post('http://www.api.com/user', {
  firstName: 'John',
  lastName: 'Doe'
},{
  headers: {
    'Content-Type': 'application/json'
  }
})

在以上代码中，我们向'http://www.api.com/user'发送了一个POST请求，数据为{firstName: 'John', lastName: 'Doe'}。headers参数用来指定Content-Type为application/json。

另一个例子是传输文件时：

import axios from 'axios'

const formData = new FormData()
formData.append('file', file)

axios.post('http://www.api.com/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})

在以上代码中，我们向'http://www.api.com/upload'发送了一个POST请求，数据为formData，headers参数用来指定Content-Type为multipart/form-data。

总之，了解请求的Content-Type的类型和对应的数据格式，才能够正确地传输数据，使得数据被接受方所理解。