无法使用Angular从服务器下载zip文件

Question

我正在尝试使用Angular从服务器下载zip文件。

烧瓶代码：

return send_file('<path>/filename.zip', attachment_filename='filename.zip', as_attachment=True)

角度代码：

saveFile() {
const headers = new Headers();
headers.append('Accept', 'application/zip');
headers.append('Authorization', 'Token ' + <some token>);
headers.append('Access-Control-Allow-Origin', '*');
this.http.post('http://<server>:<port>/api/<urlpath>', {'somefield': 'somedata'}, { headers: headers, responseType: ResponseContentType.ArrayBuffer})
  .toPromise()
  .then(response => this.saveToFileSystem(response));
}

str2bytes(str: string) {
const bytes = new Uint8Array(str.length);
for (let i= 0; i< str.length; i++) {
  bytes[i] = str.charCodeAt(i);
}
return bytes;
}

private saveToFileSystem(response: any) {
const filename = 'file.zip';
const blob = new Blob([this.str2bytes(response._body)], {type: 'application/zip'});
saveAs(blob, filename);
}

这样，我可以下载文件，但无法解压缩。 错误是

档案格式不明或已损坏

我发现Angular 5和Angular 6中的HTTP实现存在差异。如果我错了，请纠正我。 如果是，我正在寻找使用Angular 6的解决方案。此外，我还在考虑是否有一种方法可以返回连接（例如SFTP或类似的东西）而不是文件本身，并通过连接流式传输文件，然后关闭连接。 任何帮助，将不胜感激。

更新1

我发现了我的错误。 我必须按reponse._body使用reponse._body ，而不是将其转换为字节。 因此， const blob = new Blob([this.str2bytes(response._body)], {type: 'application/zip'}); 应该是const blob = new Blob([response._body], { type: 'application/zip' }); 。 此处不使用str2bytes函数。 但这仅在Angular 5中有效，而在Angular 6中则无效。我与Angular 6一起面临一个完全不同的错误。我如下添加了一个catch以查看错误。

this.http.post('http://<server>:<port>/api/<urlpath>', {'somefield': 'somedata'}, { headers: headers, responseType: ResponseContentType.ArrayBuffer})
.toPromise()
.then(response => this.saveToFileSystem(response))
.catch( error => { 
     console.error(error);
      });

错误是

{error：SyntaxError：JSON中的意外令牌P在JSON.parse（）的位置0

这个错误对我来说是一个完全的惊喜。 无法找出问题出在哪里。 任何帮助表示赞赏。

更新2

尝试调试。 我看到这是回应：

消息：“输入意外结束”

我怀疑HTTP用法错误，但不知道确切的含义。