Я пытаюсь открыть файл PDF в новом окне и открыть диалоговое окно печати после открытия окна

Question

Я пытаюсь открыть файл pdf в новом окне и открыть диалоговое окно печати после открытия окна, но метод print (), который открывает диалоговое окно печати, заблокирован перекрестным источником, так как конслол возвращает мне эту ошибку DOMException : Заблокировал фрейм с исходной точкой «http://localhost: 4200 » от доступа к фрейму с перекрестным источником. как я могу исправить эту проблему?

  print() {
            var myWindow = window.open('https://mediasb.shiftinc.com/booking_pdfs/QALNHF.pdf', 'Booking', 'width=600,height=600');
       myWindow.print();
      myWindow.focus();
    }

<button (click)= "print()"> Print</button>

Answer 1

сделать это в angular: -

this.http.get('https://mediasb.shiftinc.com/booking_pdfs/QALNHF.pdf', {responseType: 'blob'}).subscribe((res) => {
        let url = window.URL.createObjectURL(res);
        var myWindow = window.open(url, 'Booking', 'width=600,height=600');
       myWindow.print();
      myWindow.focus();
});