介绍一下axios的定义,作用,如何使用以及怎么配置
时间: 2024-04-07 07:28:31 浏览: 17
Axios是一个基于Promise的HTTP库,可以用于浏览器和Node.js平台上的HTTP客户端,支持拦截器、取消请求、自动转换JSON数据等一系列功能,是现代化的HTTP请求库之一。
Axios主要用于发起HTTP请求,并且可以处理响应结果,包括GET、POST等请求方式。使用Axios可以进行跨域请求、设置请求头、请求参数等操作。
使用Axios需要先安装它,可以通过npm进行安装,安装命令为:
```
npm install axios
```
Axios的基本使用步骤如下:
1. 引入Axios库
```
import axios from 'axios';
```
2. 发送请求
```
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
Axios的配置可以在创建实例时进行,也可以通过全局配置进行。实例配置优先级高于全局配置。Axios的配置包括:请求方法、请求URL、请求参数、请求头、响应类型、超时时间、错误处理等。具体配置项可以参考Axios官方文档。
Axios的全局配置示例:
```
axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
```
Axios的实例配置示例:
```
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 1000,
headers: {'X-Custom-Header': 'foobar'}
});
```