vue下载文件 携带请求头

Vue下载文件并携带请求头可以通过创建一个下载链接，并将请求头信息添加到该链接的请求头中来实现。

首先，在Vue组件中，需要定义一个方法来处理文件下载的请求。在该方法中，可以使用axios库发起请求，并将请求头信息作为配置参数传递给axios。

示例代码如下：

import axios from 'axios';

export default {
  methods: {
    downloadFile() {
      // 请求头信息
      const headers = {
        // 添加自定义请求头
        'Authorization': 'Bearer your_token'
      };
      
      // 发起下载请求
      axios({
        method: 'get',
        url: 'your_download_url',
        responseType: 'blob',                 // 设置响应类型为blob
        headers: headers                       // 添加请求头
      }).then((response) => {
        // 创建下载链接
        const url = window.URL.createObjectURL(new Blob([response.data]));
        
        // 创建a标签
        const link = document.createElement('a');
        link.href = url;
        
        // 设置文件名
        link.setAttribute('download', 'your_file_name');

        // 添加到页面，模拟点击下载
        document.body.appendChild(link);
        link.click();

        // 清理创建的对象
        window.URL.revokeObjectURL(url);
        document.body.removeChild(link);
      });
    }
  }
}

在上述代码中，你需要将`your_token`替换为你的实际请求头信息，`your_download_url`替换为你的文件下载链接，`your_file_name`替换为文件下载的名称。

这样，当调用`downloadFile`方法时，会发送带有请求头的文件下载请求，并在成功获取响应后，创建下载链接，模拟点击下载文件。

需要注意的是，由于涉及到文件下载，需要将响应类型设置为`blob`，并通过`URL.createObjectURL`方法创建下载链接。