vue封装axios接口
时间: 2023-10-08 13:13:47 浏览: 123
详解vue中axios请求的封装
对于Vue项目,可以通过封装axios来处理API请求。下面是一个简单的示例封装:
1. 首先,安装axios:
```bash
npm install axios
```
2. 创建一个名为`api.js`的文件,并在其中编写封装的axios接口:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://your-api-base-url.com',
timeout: 5000, // 请求超时时间
});
// 封装GET方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance
.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
// 封装POST方法
export function post(url, data) {
return new Promise((resolve, reject) => {
instance
.post(url, data)
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
阅读全文