axios请求

axios请求方式

1.通用的请求

axios({
    method: '请求方法（如 get、post、put、delete 等）',
    url: '请求的 URL',
    data: { 请求体数据 }, // 适用于 post、put 等请求
    params: { 请求参数 }, // 适用于 get 请求，会自动拼接在 URL 后面
    headers: { 请求头 },
    timeout: 5000, // 请求超时时间（毫秒）
    // 更多配置项可参考 axios 文档
}).then(response => {
    // 请求成功的处理逻辑
    console.log(response.data);
}).catch(error => {
    // 请求失败的处理逻辑
    console.error(error);
});

2.get请求

axios.get('请求的 URL', {
    params: { 请求参数 },
    headers: { 请求头 }
}).then(response => {
    console.log(response.data);
}).catch(error => {
    console.error(error);
});

3.post请求

axios.post('请求的 URL', { 请求体数据 }, {
    headers: { 请求头 }
}).then(response => {
    console.log(response.data);
}).catch(error => {
    console.error(error);
});

4.put请求

axios.put('请求的 URL', { 请求体数据 }, {
    headers: { 请求头 }
}).then(response => {
    console.log(response.data);
}).catch(error => {
    console.error(error);
});

5.delete请求

axios.delete('请求的 URL', {
    params: { 请求参数 },
    headers: { 请求头 }
}).then(response => {
    console.log(response.data);
}).catch(error => {
    console.error(error);
});

请求头部参数

Accept:指定客户端可以接受的相应类型,表明希望服务器返回 JSON 格式的数据。

'Accept': 'application/json'

客户端支持 UTF - 8 编码的响应。

 'Accept-Charset': 'utf-8'

支持的内容编码方式，如 gzip、deflate 等。服务器可以根据此信息对响应数据进行压缩，以减少传输数据量。

'Accept-Encoding': 'gzip, deflate'

不使用缓存，每次都向服务器请求最新数据

 'Cache-Control': 'no-cache'

 表示客户端与服务器的连接方式,keep-alive保持连接 close关闭连接

 'Connection': 'keep-alive'

 服务器可以根据此信息验证客户端的身份。

     'Authorization': 'token值'

 指定请求体的 MIME 类型

'Content-Type': 'application/json'

MIME类型

类型名	说明	应用场景	代码
application/json	表示请求体或响应体的数据是 JSON 格式	在前后端分离的开发中，前端与后端进行数据交互时，通常使用 JSON 格式传递数据	'Content-Type': 'application/json'
application/x-www-form-urlencoded	表示请求体的数据是经过 URL 编码的表单数据。这种格式的数据会将表单字段名和值用 & 连接起来，字段名和值之间用 = 连接，特殊字符会进行 URL 编码。	传统的 HTML 表单提交默认使用这种格式。在使用 axios 发送表单数据时，可以将数据格式化为这种类型：	'Content-Type': 'application/x-www-form-urlencoded'
multipart/form-data	用于上传文件或包含二进制数据的表单。这种格式会将表单数据分割成多个部分，每个部分都有自己的头部信息，用于描述该部分的数据类型、文件名等。	当需要上传文件时，必须使用这种 Content-Type。	'Content-Type': 'multipart/form-data'
text/plain	表示请求体或响应体的数据是纯文本格式，没有特定的结构化。	当只需要传输简单的文本信息时，可以使用这种类型。例如，发送一个简单的文本消息给服务器：	'Content-Type': 'text/plain'
text/html	服务器返回 HTML 页面时会使用这种 Content-Type。例如，一个 Web 服务器返回一个 HTML 页面给浏览器：	服务器返回 HTML 页面时会使用这种 Content-Type。例如，一个 Web 服务器返回一个 HTML 页面给浏览器：
application/xml	表示请求体或响应体的数据是 XML 格式。XML（eXtensible Markup Language）是一种用于存储和传输数据的标记语言。	在一些传统的 Web 服务或企业级应用中，仍然使用 XML 进行数据交换。例如，一个 XML 格式的配置文件：
application/octet-stream	表示请求体或响应体的数据是二进制流，没有特定的格式。	当需要传输二进制文件（如图片、视频、PDF 等）时，可以使用这种类型。例如，下载一个二进制文件：	'Content-Type': 'application/octet-stream'

 标识客户端的类型和版本信息，如浏览器类型、操作系统等。服务器可以根据此信息提供不同的响应

 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'