帮我封装完整的axios 网络请求
时间: 2023-04-06 18:02:36 浏览: 109
好的,我可以回答这个问题。Axios 是一个基于 Promise 的 HTTP 客户端,可以用于浏览器和 Node.js。以下是一个简单的封装 Axios 的示例代码:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000,
headers: {
'Content-Type': 'application/json',
},
});
export default instance;
```
在这个示例中,我们使用 `axios.create` 方法创建了一个 Axios 实例,并设置了一些默认配置,例如基础 URL、超时时间和请求头。然后,我们将这个实例导出,以便在其他地方使用。
当我们需要发送一个 HTTP 请求时,只需要在需要的地方导入这个 Axios 实例,并调用它的方法即可。例如:
```javascript
import axios from './axios';
axios.get('/users')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在这个示例中,我们使用导入的 Axios 实例发送了一个 GET 请求,并在响应成功时打印了响应数据,如果请求失败则打印了错误信息。
希望这个示例能够帮助你封装完整的 Axios 网络请求。
阅读全文