vue 请求头添加数据

在Vue中，可以使用Axios库来进行HTTP请求，并且可以通过Axios实例的拦截器来添加请求头数据。以下是一个示例：

首先，安装Axios库：

npm install axios

然后，在你的Vue组件中，可以创建一个Axios实例，并使用拦截器在请求中添加请求头数据。例如：

import axios from 'axios';

// 创建一个Axios实例
const apiInstance = axios.create({
  baseURL: 'https://example.com/api',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your_token_here'
  }
});

// 添加请求拦截器
apiInstance.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么
  // 可以在此处修改或添加请求头信息
  config.headers['Custom-Header'] = 'your_custom_header_value';
  return config;
}, function(error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 发起请求
apiInstance.get('/endpoint')
  .then(function(response) {
    // 请求成功处理
    console.log(response.data);
  })
  .catch(function(error) {
    // 请求失败处理
    console.log(error);
  });

在上面的示例中，我们首先使用`axios.create`方法创建了一个Axios实例，并在`headers`字段中添加了默认的请求头数据。然后，我们使用`interceptors.request.use`方法添加了一个请求拦截器。在拦截器中，我们可以修改或添加请求头信息。在这个示例中，我们将`Custom-Header`添加到请求头中。

最后，我们使用Axios实例的`get`方法发起GET请求，并处理成功和失败的回调函数。

这是一个简单的示例，你可以根据需要进行调整和扩展，以满足你的具体需求。