Axios配置默认获取参数

在使用Axios进行HTTP请求时，你可以配置默认的请求参数，以便在每次请求时自动包含这些参数。这样可以避免在每次请求中手动添加相同的参数。你可以通过创建一个Axios实例并配置默认参数来实现这一点。

以下是如何配置Axios默认获取参数的示例：

创建Axios实例并配置默认参数

const axios = require('axios');

// 创建一个Axios实例
const axiosInstance = axios.create({
  baseURL: 'https://api.example.com', // 设置基础URL
  params: {
    apiKey: 'your-api-key', // 默认的查询参数
    lang: 'en' // 另一个默认的查询参数
  }
});

// 使用配置好的Axios实例进行请求
axiosInstance.get('/endpoint')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们创建了一个Axios实例，并在配置中设置了默认的查询参数apiKey和lang。这些参数将自动包含在每个请求的URL中。

动态添加或覆盖默认参数

如果你需要在某个特定请求中添加或覆盖默认参数，可以在请求时传递新的参数：

axiosInstance.get('/endpoint', {
  params: {
    lang: 'fr', // 覆盖默认的lang参数
    userId: '12345' // 添加新的查询参数
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中，lang参数被覆盖为fr，并且添加了一个新的查询参数userId。

全局配置默认参数

如果你希望在所有Axios实例中都使用相同的默认参数，可以直接配置Axios的全局默认参数：

const axios = require('axios');

// 配置Axios的全局默认参数
axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.params = {
  apiKey: 'your-api-key',
  lang: 'en'
};

// 使用全局配置的Axios进行请求
axios.get('/endpoint')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

通过这种方式，所有使用Axios进行的请求都会自动包含这些默认参数。