vue 3 封装 axios
时间: 2024-02-22 17:53:34 浏览: 121
Vue 3 是一种流行的 JavaScript 框架,用于构建用户界面。它提供了一种简洁、灵活的方式来组织和管理前端代码。Axios 是一个基于 Promise 的 HTTP 客户端,用于发送异步请求。在 Vue 3 中封装 Axios 可以方便地进行网络请求。
下面是一个简单的示例,展示如何在 Vue 3 中封装 Axios:
1. 首先,安装 Axios:
```bash
npm install axios
```
2. 创建一个名为 `api.js` 的文件,并在其中导入 Axios:
```javascript
import axios from 'axios';
const api = axios.create({
baseURL: 'https://api.example.com', // 设置基本的请求URL
timeout: 5000, // 设置请求超时时间
});
export default api;
```
3. 在需要发送请求的组件中,导入 `api.js` 并使用封装好的 Axios 实例发送请求:
```javascript
import api from './api.js';
export default {
data() {
return {
users: [],
};
},
mounted() {
api.get('/users')
.then(response => {
this.users = response.data;
})
.catch(error => {
console.error(error);
});
},
};
```
通过以上步骤,我们成功地封装了 Axios,并在 Vue 3 组件中使用它发送请求。
阅读全文
相关推荐


















