axios.get简写请求,等其他简写请求
axios.post(url, data, config)
:用于发送HTTP POST请求。axios.put(url, data, config)
:用于发送HTTP PUT请求。axios.delete(url, config)
:用于发送HTTP DELETE请求。axios.patch(url, data, config)
:用于发送HTTP PATCH请求。
这些方法的调用方式与axios.get
类似,都接受一个URL参数和一个可选的配置对象参数,并返回一个Promise对象,用于处理响应结果。不同之处在于它们对应不同的HTTP请求方法,以及在发送请求时可能需要提供的数据(如POST请求需要提供请求体数据)。
在Axios中,
config
参数是一个可选的配置对象,可以用来设置请求的各种选项和参数。下面列举了一些常用的配置选项:
params
:要添加到请求URL中的URL参数对象。data
:要作为请求体发送的数据。headers
:要添加到请求头的自定义标头对象。responseType
:响应数据的类型,例如'json'
、'text'
、'blob'
等。timeout
:请求超时时间(毫秒)。withCredentials
:表示跨域请求时是否应该发送凭据。auth
:用于设置 HTTP 基本认证的用户名和密码。cancelToken
:用于取消请求的取消令牌。
axios.get('/api/example', {
params: {
param1: 'value1',
param2: 'value2'
},
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer token123'
},
responseType: 'json',
timeout: 5000,
withCredentials: true
})
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
params
用于指定URL参数;headers
用于设置请求头;responseType
用于指定响应数据的类型;timeout
用于设置超时时间;withCredentials
用于指定是否发送跨域请求的凭据。
发送@RequestParam参数
import axios from 'axios';
// 发送请求
axios.get('/api/example', {
params: {
paramName1: 'value1',
paramName2: 'value2'
}
})
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
在这个示例中,我们向/api/example
发送了一个GET请求,并通过params
选项将参数发送到后端。参数的键值对分别是paramName1: 'value1'
和paramName2: 'value2'
。这些参数会被添加到URL的查询字符串中,并作为URL参数发送到后端。
如果需要发送POST请求,也可以使用params
选项将参数发送到后端:
import axios from 'axios';
// 发送请求
axios.post('/api/example', null, {
params: {
paramName1: 'value1',
paramName2: 'value2'
}
})
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
在POST请求中,将data
参数设置为null
,然后通过params
选项发送参数。这样Axios会将参数添加到URL的查询字符串中,并发送到后端。