axios 把token设置到请求头中

可以使用axios的interceptors来设置请求头中的token，具体代码如下：

axios.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

其中，`localStorage.getItem('token')`是获取存储在本地的token，`config.headers.Authorization`是设置请求头中的Authorization字段，Bearer是一种常用的身份验证方式。

相关问题

前端把token加到请求头

好的，您的问题是关于前端如何将token添加到请求头中。一般来说，前端可以通过以下方式将token添加到请求头中：

1. 使用fetch或axios等库发送请求时，可以在请求中添加headers参数，其中包含Authorization字段，值为Bearer + token。

2. 如果使用XMLHttpRequest发送请求，则可以使用setRequestHeader方法将Authorization字段设置为Bearer + token。

3. 如果您正在使用某些前端框架，例如Angular或React，它们可能已经为您提供了添加请求头的方法，您只需要按照相应的文档进行操作即可。

需要注意的是，为了确保安全性，token应该在每次请求时动态生成，并且应该使用HTTPS协议进行传输。

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信息，保证请求成功。