vue axios
时间: 2023-08-25 08:18:12 浏览: 184
vue axios用法教程详解
Vue中使用axios发送请求的步骤如下:
1. 安装axios:在项目目录下打开终端,运行以下命令安装axios:
```bash
npm install axios
```
2. 在需要使用axios的Vue组件中引入axios:
```js
import axios from 'axios';
```
3. 发送GET请求:
```js
axios.get('/api/data')
.then(response => {
// 请求成功时的处理逻辑
console.log(response.data);
})
.catch(error => {
// 请求失败时的处理逻辑
console.error(error);
});
```
这里的`/api/data`是你要发送请求的URL地址。
4. 发送POST请求:
```js
axios.post('/api/data', { name: 'John', age: 30 })
.then(response => {
// 请求成功时的处理逻辑
console.log(response.data);
})
.catch(error => {
// 请求失败时的处理逻辑
console.error(error);
});
```
这里的第二个参数是要发送的数据对象。
这只是axios的基本用法,你还可以设置请求头、请求参数等更多的配置选项,以适应不同的需求。axios还支持拦截器、取消请求等功能,详细信息请参考axios官方文档。
阅读全文