Axios提供了多种方法来发送不同类型的请求,包括GET、POST、PUT、DELETE等。
发送GET请求:
代码语言:javascript复制axios.get("https://api.example.com/data")
.then(function (response) {
console.log(response.data);
// 在这里处理返回的数据
})
.catch(function (error) {
console.log(error);
// 在这里处理请求错误
});
发送POST请求:
代码语言:javascript复制axios.post("https://api.example.com/data", { key1: value1, key2: value2 })
.then(function (response) {
console.log(response.data);
// 在这里处理返回的数据
})
.catch(function (error) {
console.log(error);
// 在这里处理请求错误
});
以上示例中,我们使用axios.get()
方法发送一个GET请求,axios.post()
方法发送一个POST请求。在.then()
方法中处理成功的响应,在.catch()
方法中处理请求错误。
请求配置
Axios允许您在发送请求时配置各种选项。以下是一些常用的请求配置选项:
method
:请求方法,例如GET、POST等。url
:请求的URL。data
:要发送到服务器的数据,可以是对象、字符串或URLSearchParams对象。params
:要添加到URL的查询字符串参数。headers
:请求的头部信息。timeout
:请求超时时间。auth
:提供HTTP基本认证的用户名和密码。responseType
:期望的响应数据类型。validateStatus
:定义响应状态码的验证函数。
您可以根据需求配置这些选项,以满足特定的请求需求。
代码语言:javascript复制axios({
method: "post",
url: "https://api.example.com/data",
data: { key1: value1, key2: value2 },
headers: {
"Content-Type": "application/json",
// 自定义请求头部
}
})
.then(function (response) {
console.log(response.data);
// 在这里处理返回的数据
})
.catch(function (error) {
console.log(error);
// 在这里处理请求错误
});