码迷,mamicode.com
首页 > 其他好文 > 详细

vue下载excel权限限制处理

时间:2019-09-29 12:50:28      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:local   实现   utf-8   pen   err   click   down   window   evo   

 在开发过程中会遇到下载excel但是需要传token来验证的问题,一般情况下是用直接指向地址来实现,但是token校验没办法实现,所以就用到了blod

 一般情况下:

var pathurl = process.env.VUE_APP_CUSTOMERRL_URL + xxx/xxxx;
window.open(pathurl, _blank)

采用blod:

var xhr = new XMLHttpRequest();
var formData = new FormData(); xhr.open(get,process.env.VUE_APP_CUSTOMERRL_URL + xxx/xxxx); xhr.setRequestHeader("Authorization",bearer +localStorage.getItem("access_token"));  xhr.responseType = blob; xhr.onload = function (e) { let blob = new Blob([xhr.response], {type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8}); let downloadElement = document.createElement(a); let href = window.URL.createObjectURL(blob); //创建下载的链接 downloadElement.href = href; downloadElement.download = ‘demo.xlsx; //下载后文件名 document.body.appendChild(downloadElement); downloadElement.click(); //点击下载 document.body.removeChild(downloadElement); //下载完成移除元素 window.URL.revokeObjectURL(href); //释放掉blob对象 }; xhr.send(formData);

 

vue下载excel权限限制处理

标签:local   实现   utf-8   pen   err   click   down   window   evo   

原文地址:https://www.cnblogs.com/liujiajiablog/p/11606889.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!