菜鸟教程
教程 axios tutorial

默认配置与全局设置

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 实例覆盖全局设置。

相关内容