axios请求头token代码实例

当然，我很乐意为您提供代码实例。以下是使用axios发送请求时添加token的示例代码：

import axios from 'axios';

// 设置请求头
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

// 发送请求
axios.get('/api/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

在这个示例中，我们首先使用axios的`defaults.headers.common`属性设置了请求头的`Authorization`字段，将token值添加到其中。然后，我们使用axios发送GET请求来获取数据。如果请求成功，我们将在控制台中打印数据。如果请求失败，我们将在控制台中打印错误信息。

希望这个示例可以帮助您解决问题。如果您有任何其他问题，欢迎随时问我。

相关问题

Vue中axios请求头缺少token

如果Vue中axios请求头缺少token，可以通过以下步骤来解决：

1. 在Vue项目中安装axios和vue-axios库，可以使用以下命令：

npm install axios vue-axios --save

2. 在Vue项目的main.js文件中引入axios和vue-axios库，并将axios实例设置为Vue的原型属性，以便在组件中使用。

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

Vue.prototype.$http = axios.create({
  baseURL: 'http://localhost:3000/api',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json'
  }
})

3. 在需要发送请求的组件中，通过设置请求头的方式添加token信息。

this.$http({
  method: 'get',
  url: '/users',
  headers: {
    Authorization: 'Bearer ' + token
  }
}).then(response => {
  console.log(response.data)
}).catch(error => {
  console.log(error)
})

其中，Authorization字段的值为'Bearer ' + token，其中token为当前用户的token信息。这样，就可以在请求头中添加token信息，保证请求成功。

给axios实例设置token

要给axios实例设置token，你可以使用axios的拦截器来在每个请求中添加token。下面是一个示例代码：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://example.com/api',
  timeout: 5000,
});

// 添加请求拦截器
instance.interceptors.request.use(
  config => {
    const token = 'your_token_here';
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

export default instance;

在上面的代码中，我们通过axios.create()方法创建了一个axios实例，并添加了一个请求拦截器。在请求拦截器中，我们可以获取到请求的配置对象config，并在其中设置Authorization头部，将token添加到请求中。

请替换示例中的'your_token_here'为实际的token值。这样，在每个请求中，都会自动在请求头部添加Authorization字段，并将token值作为Bearer token的形式发送。

使用时，你可以像之前一样导入这个实例，并发送请求：

import instance from './axios';

instance.get('/user/12345')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

这样发送的请求会自动携带token。记得将示例中的'http://example.com/api'替换为你实际的API接口地址。