Как исправить блокировку перекрестного запроса: (Причина: предварительная проверка CORS не удалась)

Question

Я создал серверную часть с вызовами Web-API для получения данных из приложения Angular. Моя страница регистрации получает данные нормально, но никогда не достигает серверной стороны. Постоянно возникает следующая ошибка:

Запрос перекрестного источника заблокирован: та же политика происхождения запрещает чтение удаленного ресурса на http://localhost:58972/api/user/. (причина: предварительный канал CORS не выполнен). [Узнать больше]

Кросс-источникЗапрос заблокирован: та же политика происхождения запрещает чтение удаленного ресурса по адресу http://localhost:58972/api/user/. (причина: запрос CORS не был выполнен). [Узнать больше]

ERROR Object {headers: {…}, status:0, statusText: «Неизвестная ошибка», url: «http://localhost:58972/api/user/", ok: false, имя:« HttpErrorResponse », сообщение:« Http error response для http://localhost:58972/api/user/: 0 Unknown Error », ошибка: ошибка}

Answer 1

Добавить config.EnableCors (); в методе Register в файле WebApiConfig.cs

В угловую сторону добавьте HttpHeader "access-control-allow-origin"

Если вы используете owin с аутентификацией на основе токена,

установить этот пакет nuget https://www.nuget.org/packages/Microsoft.Owin.Cors/ и добавить app.UseCors (CorsOptions.AllowAll); в файле запуска при методе конфигурации.