axios的使用
时间: 2023-07-04 17:23:24 浏览: 55
axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js中发送HTTP请求。使用axios可以方便地发送GET、POST、PUT、DELETE等请求,并对响应进行处理。
下面是axios的基本使用方法:
1.安装axios
可以通过npm安装:
```
npm install axios
```
或者通过CDN引入:
```
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
```
2.发送请求
发送GET请求:
```
axios.get(url)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
发送POST请求:
```
axios.post(url, data)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
其中,url是请求的地址,data是要发送的数据,可以是一个对象或FormData对象。
3.处理响应
axios返回的是一个Promise对象,可以使用then方法处理响应:
```
axios.get(url)
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
```
其中,response.data是响应的数据。
以上就是axios的基本使用方法。除此之外,axios还支持拦截器、取消请求等高级功能,可以根据实际需求进行使用。