Как я могу исправить эту проблему Cors.Я действительно застрял

Question

У меня была следующая проблема с CORS в течение нескольких дней, и я не могу ее исправить. Приложение Angular на localhost: 4200 не позволяет мне получить доступ к маршруту для загрузки фотографий.

Мой бэкэнд в Laravel

Я могу войти, зарегистрироваться и выполнить другие почтовые запросы, но не это.

Это изображение моего приложения.

Это мое промежуточное ПО CORS, зарегистрированное как глобальное промежуточное ПО]

public function handle($request, Closure $next)
{
    return $next($request)
    ->header('Access-Control-Allow-Credentials', 'true')
    ->header('Access-Control-Allow-Origin', 'http://localhost:4200')
    ->header('Access-Control-Allow-Methods:  POST, GET, OPTIONS, PUT, DELETE')
    ->header('Access-Control-Max-Age', '3600')
    ->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Authorization');


}

Ответ заголовков на вкладке сети

1

2

3 4

Answer 1

Изображения, которые вы разместили, на самом деле не соответствуют получаемой вами ошибке. Посмотрите на этот ответ ; обратите внимание, что в нем упоминается источник null, который вы видите в своем сообщении об ошибке. Проблема в том, что ваша запрашивающая страница не имеет источника, потому что вы обращаетесь к ней по протоколу file://. Если вы хотите использовать CORS, запрашивающий файл и целевой URL должен быть размещен.

Access-Control-Allow-Origin должен соответствовать , запрашивающему файл , а именно - не целевой URL, как вы пытаетесь сделать.