如何在启用JWT Token授权的.NET Core WebApi项目中下载文件

背景

前几天，做项目的时候遇到一个文件下载的问题。当前系统是一个前后端分离的项目，前端是一个AngularJs项目, 后端是一个.NET Core WebApi项目。后端的Api项目使用了Jwt Token授权，所以每个Api请求都需要传递一个Bearer Token。

这一切都看起来理所当然，但是当需要从WebApi下载文件的时候，出现了问题。以前下载文件的时候，我们可以在Javascript中使用window.open(’[文件下载Api]’)的方式下载文件，但是这个方法不能接收Bearer Token, 所以就会导致文件下载失败，返回一个401未授权的响应码。

可能有的同学会将这个文件下载Api设置成允许匿名访问，但是这样会导致系统不安全。

那么有什么好一点的方式可以解决这个问题呢？

解决方案

使用Blob对象

Blob对象可以看做是Javascript中的二进制容器, 它可以存储文件的二进制流。所以我们可以通过如下思路完成文件下载：

1. 创建一个异步请求来下载文件的二进制流，这个请求的头部需要附加Bearer Token，在方法回调中，我们将文件二进制流保存在一个Blob对象中
2. 我们使用Javascript添加一个虚拟的超链接，超链接的href属性指向了刚刚的Blob对象。
3. 我们通过模拟点击这个虚拟的超链接，来完成文件下载的功能。

let anchor = document.createElement("a");
let file