vue+axios实现下载文件功能

vue+axios实现下载文件功能

正常使用axios的GET请求（POST请求没测）；

代码如下：

axios.get(
    `${url}`, 
    { 
        params: {data: data}, 
        responseType: 'blob', 
        onDownloadProgress: function (progressEvent) {
            console.log(progressEvent)
            // 在此处处理进度
        }
    }
)
.then(res => {
    const url = window.URL.createObjectURL(new Blob([res.data]));
    const link = document.createElement('a');
    link.href = url;
    let fileName = res.headers['content-disposition'].split('filename=');
    link.setAttribute('download', fileName[1]);
    document.body.appendChild(link);
    link.click();
})
.catch(er => {
    console.error(er);
});

注意：能下载什么格式的文件自己测试，浏览器支持也要测试，我只测了我自己的项目