文件下载错误service angular spring boot

如何解决文件下载错误service angular spring boot

使用 angular8 和 spring boot 下载文件。 Spring Boot 服务部分与 Postman 合作。但是当我使用 angular 下载时，出现错误。error

它不会出现在 console.log ("File response:",response) 部分。

 downloadFile(event) {
        this.additionalDocumentService.getFileDownload(event.fileId).subscribe(response => {
          console.log("File response:",response)
          this.downloadFile = response;
    
          
        });
      }
      

---

   getFileDownload(fileId: number): Observable<any> {
    return this.http.get(apiHost + '/downloadFile/' + fileId);

  }

---

@RequestMapping("/downloadFile/{dosyaId}")
        public ResponseEntity<HttpStatus> handleFileDownloadPage(HttpServletRequest request,HttpServletResponse response,@PathVariable(value = "fileId") Integer fileId) throws IOException,Exception {
    
           
            File file = fileService.getFileId(fileId);
            
            if (StringUtils.hasText(dosya.getFilePath())) {
    
                ServletoutputStream out = response.getoutputStream();
    
                InputStream stream = null;
                try {
    -
                    stream = new FileInputStream(file.getFilePath());
                   
                    int bytesRead = 0;
                    byte[] buffer = new byte[8192];
                    response.setContentType("application/octet-stream");
                    response.setHeader("Content-disposition",String.format(" attachment; filename=\"%s\"",file.getFileName()));
    
                    while ((bytesRead = stream.read(buffer,8192)) != -1) {
                        out.write(buffer,bytesRead);
                    }
                    out.flush();
    
                } catch (Exception e) {
                    System.err.println(e.toString());
                } finally {
                    out.close();
                    if (stream != null) {
                        stream.close();
                    }
                }
                return null;
    
            }
            return ResponseEntity.ok(HttpStatus.OK);
        }

解决方法

以下函数将接受任何文件类型并弹出下载窗口：

downloadFile(route: string,filename: string = null): void{

    const baseUrl = 'http://myserver/index.php/api';
    const token = 'my JWT';
    const headers = new HttpHeaders().set('authorization','Bearer '+token);
    this.http.get(baseUrl + route,{headers,responseType: 'blob' as 'json'}).subscribe(
        (response: any) =>{
            let dataType = response.type;
            let binaryData = [];
            binaryData.push(response);
            let downloadLink = document.createElement('a');
            downloadLink.href = window.URL.createObjectURL(new Blob(binaryData,{type: dataType}));
            if (filename)
                downloadLink.setAttribute('download',filename);
            document.body.appendChild(downloadLink);
            downloadLink.click();
        }
    )
}