vue中使用blob导出excel文件

2,959 阅读1分钟

一般情况下,在导出excel文件时,是后端返回一个二进制流文件,如下图:

这种文件在新窗口页面打开这个接口便可以进行下载,但是如果关乎于权限,比如需要在cookie里面传token给后端才允许访问,这方法就行不通了。

所以在此需要采用Blob对象的方式来对二进制流文件进行下载。


首先,在请求拦截的时候加上token值(实际项目中若没有token值,一般会重定向到登录页)



然后,就可以对文件导出进行简单的封装了,当调用该方法时,这里是规定了接口地址url和文件名必须传入,而文件名是根据传过来的name加上年月日来命名的,当然可以按照需求自由设置的(修改下面的fileName即可)。



最后,就可以在项目中引用进行导出了。