页面下载文件方法，post与get

一般下载文件，常见使用的是window.open('url')；方法进行下载。若需要带参数，直接在url后面拼接参数，进行传递。window.open方法仅可以进行get方法进行参数提交。例如：

 // get方法下载文件
 import { getToken } from '@/utils/auth'
 function loadFileGet(url) {
   window.open(url+'?token='+getToken())
 }

若需要进行post方法提交，则有点麻烦，经过网上的方法进行参数，最后自己整理出能用的方法：

方法一：

 handleExport(){
   const url='/api/admin/gateLog/export';
   const downloadHelper = $('<iframe style="display:none;" id="downloadHelper"></iframe>').appendTo('body')[0];
   const doc = downloadHelper.contentWindow.document;
   if (doc) {
     doc.open();
     doc.write('');//微软为doc.clear()有时会出bug
     doc.writeln("<html><body><form id='downloadForm' name='downloadForm' method='post' action='"+ url+"'>");
     const queryParam = this.listQuery;
     for(let key in queryParam){
     doc.writeln("<input type='hidden' name='"+key+"' value='"+queryParam[key]+"'>");
     }
     doc.writeln('<\/form><\/body><\/html>');
     doc.close();
     const form = doc.forms[0];
     if (form) {
       form.submit();
     }
   }
 }

其中， const queryParam = this.listQuery，中listQuery中获取的数据是一个obj对象，
即 const queryParam={page: 1,limit: 20,menu_EQ_S: undefined,crtName_EQ_S: undefined,crtHost_EQ_S: undefined}

方法二：

 // form-data方式提交数据进行下载
 // $tg表示整个当前页面的this.
 function uploadFileFormData($tg,rspUrl) {
   MessageBox.confirm('是否对当前搜索条件下的数据进行导出操作?', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     confirmButtonClass: 'importantCls roundDialog',
     cancelButtonClass: 'roundDialog',
     type: 'warning'
   }).then(() => {
     const params = Object.keys($tg.listQuery).map(key => {
       if($tg.listQuery[key] && key != 'page' && key != 'limit') {
         return encodeURIComponent(key) + "=" + encodeURIComponent($tg.listQuery[key]);
       }
     }).join("&");
     const url = rspUrl+'?token=' + getToken() + "&" + params;
     const $form = $("<form id='exportData' class='hidden' method='POST' action='" + url + "'></form>");
     $("body").append($form);
     $form.submit();
   })
 }