Vue项目在组件中调接口时怎样传请求头

在Vue项目中，可以通过下面的方法来传递请求头：

1. 使用axios发送请求：首先，确保你已经在项目中安装了axios。然后，在组件中引入axios库：

import axios from 'axios';

2. 在发送请求的方法中设置请求头：在发送请求的方法中，你可以使用axios的`headers`属性来设置请求头。例如，你可以在`created`或`mounted`生命周期钩子函数中发送请求，并设置请求头：

export default {
  data() {
    return {
      responseData: null
    };
  },
  created() {
    this.getData();
  },
  methods: {
    async getData() {
      try {
        const response = await axios.get('api-url', {
          headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer your-token'
          }
        });
        this.responseData = response.data;
      } catch (error) {
        console.error(error);
      }
    }
  }
}

在上面的示例中，我们使用`headers`属性来设置请求头。你可以根据你的需求添加或修改请求头字段。注意，`Authorization`头字段用于传递身份验证令牌（token）。

这样，当组件创建时，就会发送一个带有请求头的GET请求到指定的API URL，并将响应数据保存在`responseData`属性中。

这只是一个简单的示例，你可以根据你的实际需求进行修改和扩展。