PDF-файл заблокирован политикой CORS

Question

У меня проблема с политикой CORS. Я создаю приложение angular и что-то делаю не так.

Я запускаю приложение Angular на локальном хосте: 4200, а мой api работает на локальном хосте XAMPP. Я хочу загрузить PDF-файл с бэкэнда по URL-адресу. Я использую 'apiUrl + "navod / TS02-307_UM.pdf"', где apiUrl - это переменная среды: apiUrl: 'http://localhost/'.

Пока я хочу загрузить PDF, У меня проблема с политикой CORS. Если я изменю URL на: https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf. Все работает отлично.

Где должна быть моя ошибка? :)

Answer 1

Создайте файл с именем ".htaccess" в каталоге ваших файлов и добавьте в него следующее:

Header set Access-Control-Allow-Origin "http://localhost:4200/"

или

Header set Access-Control-Allow-Origin "*"

CORS на apache

Отметьте этот флаг в своем httpd.conf:

AllowOverride All   <--- make sure this is not set to "None"

См. Также: Нужно ли вам перезапускать apache, чтобы правила перезаписи в .htaccess вступит в силу?