发现问题

最近做公司项目，有个需求是要文件下载，需要鉴权的，get请求
以前 都是后端人员 给链接， 前端直接location.href = ${链接地址}就可以了，我觉得这个也是大部分的下载方式，
现在需要get的同时，需要在请求头里面添加token字段, 这么做的话， 就需要做文件流的处理了
以上的location.href是没办法在请求头携带token的， 这样的话， 文件就下载不了

以下，方法

function getBlobFile(url) {
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', url); // 设置请求方式GET 和请求地址
        xhr.responseType = 'blob'; //设置响应体类型是包含二进制数据的Blob对象
        xhr.setRequestHeader('token', '你的token数据') //设置请求头， 如果有多个，可以重复setRequestHeader
        xhr.onreadystatechange = () => {
            if(xhr.status === 200) {
                const blobUrl = window.URL.createObjectURL(xhr.response)
                resolve(blobUrl) // 获取到
            } else {
                reject(new Error('请求失败'))
            }
        }
    })
}

而且在项目中也用到了iframe 鉴权， 也可以用这种方法， 获取到blobUrl

参考资料

1. VUE+iframe添加请求头
2. XMLHttpRequest, 设置返回体类型
3. URL.createObjectURL()详解