Axios请求配置

栏目: Javascript 发布时间:2024-12-24

基本请求配置

Axios 允许你通过传递一个配置对象来自定义 HTTP 请求。这个配置对象可以包含多个属性,如 urlmethodheadersparamsdata 等。

axios({
    method: 'get', // 请求方法
    url: '/user/12345', // 请求的 URL
    baseURL: 'https://api.example.com', // 基础 URL,将自动添加到 url 前面
    headers: { // 请求头
        'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
        'Custom-Header': 'CustomHeaderValue'
    },
    params: { // URL 查询参数
        id: 12345
    },
    data: { // 请求体,适用于 POST、PUT 等方法
        firstName: 'John',
        lastName: 'Doe'
    },
    timeout: 5000 // 请求超时时间(毫秒)
})
.then(response => {
    console.log('Response data:', response.data);
})
.catch(error => {
    console.error('Error:', error);
});

常用的配置选项

  • method: 请求方法('get'、'post'、'put'、'delete' 等)。
  • url: 请求的 URL。如果设置了 baseURL,则 url 是相对于 baseURL 的路径。
  • baseURL: 基础 URL,将自动添加到 url 前面。
  • headers: 自定义的请求头。
  • params: URL 查询参数,将作为查询字符串附加到 URL 后面。
  • data: 请求体,适用于 POST、PUT 等方法。
  • timeout: 请求超时时间(毫秒)。
  • responseType: 预期服务器响应的数据类型(如 'arraybuffer'、'blob'、'document'、'json'、'text'、'stream')。
  • withCredentials: 是否允许发送跨站请求时携带凭证(如 cookies、HTTP 认证)。

本文地址:https://www.tides.cn/p_js-axios-config