主题
默认配置与全局设置
Axios 提供了全局默认配置选项,可以对所有请求生效,无需在每次请求中重复设置。
1. 设置全局默认配置
javascript
import axios from "axios";
// 设置全局 baseURL
axios.defaults.baseURL = "https://api.example.com";
// 设置全局请求头
axios.defaults.headers.common["Authorization"] = "Bearer your_token";
// 设置请求超时时间
axios.defaults.timeout = 7000;
// 发送请求时会自动应用默认配置
axios
.get("/users/123")
.then((res) => console.log(res.data))
.catch((err) => console.error(err));2. 全局请求/响应拦截器
javascript
// 请求拦截器
axios.interceptors.request.use(
(config) => {
console.log("全局请求拦截器:", config);
return config;
},
(error) => Promise.reject(error)
);
// 响应拦截器
axios.interceptors.response.use(
(response) => response,
(error) => {
console.error("全局响应拦截器捕获错误:", error);
return Promise.reject(error);
}
);3. 优势
- 统一管理:所有请求共享全局配置,避免重复设置;
- 易于维护:修改默认配置即可影响整个项目请求行为;
- 可结合实例使用:实例配置优先于全局配置,实现灵活覆盖。
💡 小提示:全局配置适合项目统一规范的设置,例如 baseURL、Token、统一超时等,但在特定接口需要特殊配置时,可使用 Axios 实例覆盖全局设置。