前端下载word、excel文件的两种方法

忘不了情2024-09-21 16:11

|--------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|
| 文件后缀 | type |
| .doc | application/msword |
| .docx | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
| .xls | application/vnd.ms-excel |
| .xlsx | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |

一、使用POST请求，常规方法（不再赘述）

二、直接使用get请求文件地址

javascript 复制代码

handleExport(){
   let { type,time} = this.formData;
   //判断当前开发环境
   let isProduction= process.env.NODE.ENV==='prodution' ? true:false;
   let url = `${isProduction ? '' :'http://10.3.142.35:9902'}/dataManager/export?type= 
             ${type}&time=${time}`;
   //也可以使用window.open(url),但是会出现页面闪动，所以不推荐
   const link = document.createElement('a');
   link.href = url;
   link.click();
}

备注：url如果直接在浏览器中打开，则直接下载文件；

/dataManager/export为导出接口，get请求。