vue axios 工具类
时间: 2024-02-26 13:50:56 浏览: 176
Vue Axios 是一个用于发送 HTTP 请求的工具类,它基于 Promise 实现异步操作。Axios 是一个流行的第三方库,可以在浏览器和 Node.js 中使用。
使用 Vue Axios 可以方便地发送 GET、POST、PUT、DELETE 等类型的请求,并处理响应数据。下面是一个简单的示例:
1. 首先,需要安装 Axios。可以通过 npm 或者 yarn 进行安装:
```
npm install axios
```
2. 在 Vue 项目中引入 Axios:
```javascript
import axios from 'axios';
```
3. 创建一个 Axios 实例,并进行一些全局配置:
```javascript
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置基础 URL
timeout: 5000, // 设置请求超时时间
headers: {
'Content-Type': 'application/json', // 设置请求头
},
});
```
4. 发送请求并处理响应:
```javascript
instance.get('/users')
.then(response => {
console.log(response.data); // 处理响应数据
})
.catch(error => {
console.error(error); // 处理错误
});
```
以上是一个简单的 Vue Axios 的使用示例。你可以根据自己的需求进行更多的配置和使用。
阅读全文