angular Download de qualquer arquivo em angular 9

[Netsoft]

component
     download(idArquivo: number): void {
         this.arquivosService.downloadArquivoOrcamento(idArquivo).subscribe(
           data => {
             const blob = new Blob([data.arquivo], { type: 'text/json; charset=utf-8' });
             const url= window.URL.createObjectURL(blob);
             window.open(url);
           },
           err => {
             console.error(err);
           }
         )
       }
Service
     import { HttpClient, HttpHeaders } from '@angular/common/http';
     import { Injectable } from '@angular/core';
     import { SERVER_API_URL } from 'app/app.constants';
     import { Observable } from 'rxjs';
     @Injectable({
         providedIn: 'root'
     })
     export class ArquivosService {
         constructor(
             private http: HttpClient
         ) {}
         downloadArquivoOrcamento(id: number, tipo: string): Observable<any> {
             return this.http.get(SERVER_API_URL + '/api/orcamento-anexo/' + id, 
             {
                 responseType: 'blob',
                 headers: new HttpHeaders().append('Content-Type', tipo)
             });
         }
     }
Retorno do backend

Não retorna o arquivo conforme imagem anterior

Dowload com erro

Já pesquisei e fiz alguma alteração, mas não achei a solução. O que quero é simples. O arquivo vem do backend em bytesm nome e content-type. Só quero fazer o dowload.

O que pode ser ?

Editado Junho 27, 2020 por Netsoft