不使用axios拦截interceptors
在前端开发中，我们经常会使用axios这个库来发起HTTP请求。axios提供了interceptors拦截器来实现在请求发送或响应返回前进行一些处理，比如添加token、处理错误等。但是有时候我们可能不想使用interceptors，本文将介绍如何在axios中不使用interceptors的情况下发送HTTP请求。
使用axios发送HTTP请求
首先，我们需要安装axios库，可以通过npm或者yarn进行安装：
npm install axios
在代码中引入axios并发送HTTP请求：
const axios = require('axios');
axios.get('
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
以上代码通过axios发送了一个GET请求，获取了 的数据。在.then中处理响应数据，在.catch中处理请求错误。
不使用interceptors
如果不想使用interceptors，我们可以直接在发送请求的时候添加一些配置，比如headers、params等：
axios.get(' {
headers: {
'Authorization': 'Bearer token'
},
params: {
userId: 1
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
在上面的代码中，我们通过传入第二个参数，可以直接配置请求的headers和params等信息，而不需要使用interceptors。这种方式相对简单直接，适用于一些简单的HTTP请求场景。
类图
下面是axios的简化类图，展示了axios发送HTTP请求的基本流程：
classDiagram
class axios {
-defaults
-request(config)
-get(url, config)
-post(url, data, config)
-put(url, data, config)
-delete(url, config)
}
class Interceptors {
-request
-response
}
class AxiosInterceptorManager {
-use
-eject
}
axios --> Interceptors
Interceptors --> AxiosInterceptorManager
总结
本文介绍了如何在axios中不使用interceptors的情况下发送HTTP请求。通过直接在发送请求时添加配置，可以避免使用interceptors的复杂性，简化请求处理流程。当我们只需要发送简单的HTTP请求时，可以考虑直接配置请求参数来达到目的。axios提供了丰富的API来满足不同场景的需求，希望本文能帮助你更好地使用axios发送HTTP请求。
