vue中使用blob导出excel文件

通常状况下,在导出excel文件时,是后端返回一个二进制流文件,以下图:后端

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

因此在此须要采用Blob对象的方式来对二进制流文件进行下载。url


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



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



最后,就能够在项目中引用进行导出了。cdn


相关文章
相关标签/搜索