Axios请求配置
栏目:
Javascript
发布时间:2024-12-24
基本请求配置
Axios 允许你通过传递一个配置对象来自定义 HTTP 请求。这个配置对象可以包含多个属性,如 url
、method
、headers
、params
、data
等。
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