vue前端下载文件

方法一

window.location.href =文件请求地址

方法二

使用js-file-download插件下载

安装js-file-download

npm install js-file-download --save

页面中引入

import fileDownload from "js-file-download"; 

 定义下载接口

export function downloadReportApi(params){
    return request({
        url:'xxx',
        method:'get',
        params:params,
        responseType:'blob' // 重点添加
    }); 
}

定义下载方法 

downloadFile(){
    const result = await downloadReportApi(params);
    if(result.status == 200){
      fileDownload(result.data,'xxxx.docx' );
    }
}