vue3 axios 封装
时间: 2023-08-20 21:06:46 浏览: 140
在Vue 3中使用Axios进行网络请求的封装可以按照以下步骤进行:
1. 首先,安装Axios依赖:
```
npm install axios
```
2. 在你的Vue项目中创建一个新的文件,例如`api.js`,用于封装Axios请求:
```javascript
import axios from 'axios';
// 创建一个axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置基本的URL
timeout: 5000, // 设置超时时间
});
// 请求拦截器
instance.interceptors.request.use(
(config) => {
// 在发送请求之前可以做一些处理,如添加token等
return config;
},
(error) => {
return Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
(response) => {
// 对响应数据进行处理,如统一处理错误码等
return response.data;
},
(error) => {
return Promise.reject(error);
}
);
// 封装具体的请求方法
export const get = (url, params) => {
return instance.get(url, { params });
阅读全文