axios添加请求头

Axios是一个流行的JavaScript库，用于发送HTTP请求。如果你想在axios请求中添加自定义请求头，可以这样做：

import axios from 'axios';

const config = {
  headers: { // 这里定义全局请求头
    'Content-Type': 'application/json',
    Authorization: 'Bearer your_token', // 示例：API认证令牌
  },
};

// 创建axios实例并应用配置
const axiosInstance = axios.create(config);

// 发送带有自定义头的请求
axiosInstance.get('/api/data', {
  // 可在此合并更多具体的请求选项，如params、data等
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.error(error.response.data);
});

如果你需要在每次请求都添加特定的头，可以在发送请求时直接添加，而不是在配置中：

axios.get('/api/data', {
  headers: {
    customHeaderName: 'customHeaderValue',
  }
})
.then(...)
.catch(...);

相关问题

axios 添加请求头

在使用axios发送请求时，可以通过设置`headers`属性来添加请求头。以下是一个示例：

import axios from 'axios';

axios.defaults.headers.common['Authorization'] = 'Bearer your_token';
axios.defaults.headers.post['Content-Type'] = 'application/json';

axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

上述示例中，我们通过`axios.defaults.headers`对象添加了两个请求头：`Authorization`和`Content-Type`。你可以根据需要进行修改或添加其他请求头。

另外，你也可以在每个请求中单独设置请求头，如下所示：

axios.get('https://api.example.com/data', {
  headers: {
    'Authorization': 'Bearer your_token',
    'Content-Type': 'application/json'
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

使用这种方式，你可以在每个请求中灵活设置不同的请求头。希望对你有帮助！如果你有其他问题，请随时提问。

axios配置请求头

在使用axios发送请求时，可以通过配置请求头来设置需要的信息。可以使用axios的defaults.headers对象来设置全局的请求头，也可以在单个请求中使用headers选项来设置请求头。

下面是一个示例，展示如何配置请求头：

import axios from 'axios';

// 设置全局的请求头
axios.defaults.headers.common['Authorization'] = 'Bearer token';
axios.defaults.headers.post['Content-Type'] = 'application/json';

// 发送GET请求，并设置请求头
axios.get('/api/users', {
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
    'Custom-Header': 'value'
  }
})
  .then(response => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上述示例中，我们首先通过设置`axios.defaults.headers`对象来配置全局的请求头，将`Authorization`和`Content-Type`添加到通用的请求头中。

然后，在发送GET请求时，通过在请求配置对象中设置`headers`选项来设置特定请求的请求头。在这个示例中，我们设置了`X-Requested-With`和`Custom-Header`两个自定义的请求头。