Spring Boot Angular2 Datei Download funktioniert nicht

Question

Ich habe ein Problem mit der Datei von Spring Boot mit angular2 herunterladen.

Hier ist mein Code von Spring Boot, kam aus: Return generated pdf using spring MVC. Ich kann Datei dirrectly mit Postbote herunterladen, aber nicht mit angular2 ...

@RequestMapping(value="/file/{id}", method=RequestMethod.GET) 
public ResponseEntity<?> getFile(@PathVariable("id") long id) { 
    UploadFile uFile = uploadFileService.getUploadFileById(id); 


    byte[] contents = uFile.getContent(); 

    HttpHeaders headers = new HttpHeaders(); 
    headers.setContentType(MediaType.parseMediaType("application/pdf")); 
    headers.setContentDispositionFormData(uFile.getName(), uFile.getName()); 
    headers.setCacheControl("must-revalidate, post-check=0, pre-check=0"); 

    return new ResponseEntity<byte[]>(contents, headers, HttpStatus.OK); 
} 

Angular2 Service

downloadFile(id: number){ 
    let headers = new Headers({'Content-Type': 'application/pdf', 'Accept': 'application/pdf'}); 
    headers.append('Authorization',this.auth.token); 
    let options = new RequestOptions({ headers: headers, responseType: ResponseContentType.Blob}); 

    return this.http.get(this.editUrl + id, options) 
    .map(res => {return new Blob([res.blob()],{ type: 'application/pdf' })}); 
} 

Und Download-Button

downloadFile(uFile: UploadFile){ 
    this.uploadFileService.downloadFile(uFile.id) 
     .subscribe(
       data => window.open(URL.createObjectURL(data)), 
      ); 
    return false; 
} 

Wenn ich Download-Button klicken Chrom öffnet neuen Tab und sofort schließt es keine Datei anzeigen. Und hier sind einige Antwortheader vom Postboten.

Access-Control-Allow-Headers →Content-Type, x-requested-with, Authorization, responseType 
Access-Control-Allow-Methods →POST, PUT, GET, PATCH, OPTIONS, DELETE 
Access-Control-Allow-Origin →http://localhost:4200 
Access-Control-Max-Age →3600 
Cache-Control →must-revalidate, post-check=0, pre-check=0 
Content-Disposition →form-data; name="reference.pdf"; filename="reference.pdf" 
Content-Length →31576 
Content-Type →application/pdf 
Date →Mon, 27 Mar 2017 08:39:24 GMT 
X-Content-Type-Options →nosniff 
X-Frame-Options →DENY 
X-XSS-Protection →1; mode=block 

Answer 1

Frühlings-Boot-Lösung auf Return generated pdf using spring MVC und Angular2 auf PDF Blob is not showing content, Angular 2 beruhte. Der betreffende Code funktioniert vollständig. Der Grund für das automatische Schließen der Registerkarte mit der PDF-Datei ist das Adblock-Plugin in Chrome.