将跳转到H5链接中的token配置到axios的请求头里面

可以使用axios的拦截器，在请求发送前设置请求头中的Authorization字段为token的值。具体实现代码如下：

import axios from 'axios';

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

// 添加请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 在请求头中添加Authorization字段，值为token
    config.headers.Authorization = `Bearer ${token}`;
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

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

其中，token为你从H5链接中获取的值。这样，在发送请求时，就会自动携带Authorization字段，值为token的值。

相关问题

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是一种常用的身份验证方式。

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