javascript - 显示 API 返回的 PDF 文档

Question

我的 API 返回一个 PDF 文档，我需要对其用户进行身份验证。在我的 AngularJS 应用程序中，用户单击调用函数的链接:

 <a ng-click="getBankDetails()">Print bank details</a>

Controller :

$scope.getBankDetails = ->
$http.get(ENV.apiEndpoint + "/api/v1/users/get_bank_details", { headers: { 'Accept': 'application/pdf' }, responseType: 'arraybuffer'  })
   .success((resp) ->
     file = new Blob([resp], {type: 'application/pdf'})
     fileURL = URL.createObjectURL(file)
     window.open(file);
   )

但这行不通。

我已经尝试删除 API 上的身份验证需求。上面的方法还是不行，但是如果我这样做了

window.open(ENV.apiEndpoint + "/api/v1/users/get_bank_details")

有效。除了确认我的 API 工作正常外，没有太大帮助。

我正在使用 ng-token-auth 进行身份验证

它存储在 cookie 中，因为我在这里没有使用 cordova

$authProvider.configure
  apiUrl: ENV.apiEndpoint
  storage: if _.isUndefined(window.cordova) then "cookies" else "localStorage"

任何帮助将不胜感激

Answer 1

如果您使用的是基于 token 的身份验证，我会尽可能简单地通过将 authToken 添加到 URL 中来接收文件。通过后端作为该请求的 GET-Param 处理 authToken:

$scope.getBankDetails = function () {
 window.open(ENV.apiEndpoint + "/api/v1/users/get_bank_details?authToken=XYZ");
}