Нестандартные заголовки Http в Ангуляр 5

Question

Как добавить авторизацию и пользовательские заголовки, используя перехватчики. пожалуйста, проверьте демо-ссылку stackBlitz

Пожалуйста, обратитесь к скриншоту консоли для вашего справочного браузера заголовок консоли запроса

И пользовательские заголовки добавляются в

контроль доступа-запрос-заголовки:authkey, тип содержимого, DeviceID

Я хочу, чтобы заголовки были добавлены как часть заголовка, а не внутри access-control-request-headers.

Угловая версия: 5

Пожалуйста, предложите мне это

Answer 1

Запрос на скриншоте не является фактическим запросом, к которому вы добавляете заголовки, а запросом перед полетом, заданным вашим браузером. Некоторые браузеры вынуждают это поведение делать запросы кросс-источника.

Вы получаете ответ об ошибке? Я подозреваю, что вы на самом деле сталкиваетесь с проблемой CORS.

РЕДАКТИРОВАТЬ 1: Я не знаю, как выглядит ваш стек, но следующая статья помогла мне с моей проблемой Angular CORS: https://docs.microsoft.com/en-us/aspnet/core/security/cors

В моем случае я избежал необходимости делать предполётный запрос, изменив тип контента (с application/Json) на text/plain.

Предварительные запросы

Для некоторых запросов CORS браузер отправляет дополнительный запрос, называемый "предварительным запросом", прежде чем он отправляет фактический запрос на ресурс. Браузер может пропустить предварительный запрос, если выполняются следующие условия:

Метод запроса - GET, HEAD или POST, и

Приложение не устанавливает никаких заголовков запросов, кроме Accept, Accept-Language, Content-Language, Content-Type или Last-Event-ID, и

Заголовок Content-Type (если установлен) является одним из следующих:

• применение / х-WWW-форм-urlencoded

• многочастному / форм-данных,

• текст / обычный