Axios POST 下载文件；HTTP GET下载文件

拼搏现实的明天。 2022-09-09 04:36 153阅读 0赞

# 1.遇到的问题 #

1）通过Post下载文件，发现服务网关（Kestrel）不允许添加响应头（未解决）

请求接口时候的配置：

exportSchemeDetail(param) {
            return axios.postHeader('/you-api/', param, {
                headers: {
                    'Content-Type': 'application/json-patch+json'
                },
                responseType: 'blob'
            });
        },

Axios修改（这里是转载的，忘记是谁写的了~）：

axios.interceptors.response.use(
            (response) => {
                window.app.$insProgress.finish();
                console.log(response.config)
                if(response.config && response.config.responseType == 'blob') {
                    const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
                    console.log(response.headers['content-disposition'].split(';')[1])
                    let filename = decodeURI(response.headers['content-disposition'].split(';')[1].split('filename*=UTF-8\'\'')[1]);
                    if ('download' in document.createElement('a')) {
                        const downloadElement = document.createElement('a');
                        let href = ''; 
                        if(window.URL) href = window.URL.createObjectURL(blob); 
                        else href = window.webkitURL.createObjectURL(blob); 
                    　　 downloadElement.href = href;
                    　　 downloadElement.download = filename; 
                    　　 document.body.appendChild(downloadElement);
                    　　 downloadElement.click(); 
                    　　 if(window.URL) window.URL.revokeObjectURL(href); 
                        else window.webkitURL.revokeObjectURL(href); 
                        document.body.removeChild(downloadElement);
                        console.log(href)
                    } else {
                        navigator.msSaveBlob(blob, filename);
                    }
                    return;
                }
        )}

2）通过Get下载文件，请求头参数过长，通过建立from表单提交，成功下载到文件

let pa = {'xx': JSON.stringify(param)}
        for (var x in pa) { 
            var opt = document.createElement('textarea');      
            opt.name = x;      
            opt.value = pa[x];      
            temp_form .appendChild(opt);      
        }      
        document.body.appendChild(temp_form);
        // 提交表单      
        temp_form.submit();

后台添加响应头（Get可以添加响应头，Post就不可以添加）：