Response for preflight does not have HTTP ok status in angular

by

The CORS contract requires that authentication not be required on the pre-flight OPTIONS request. It looks like your back-end is requiring authentication on the OPTIONS request and the GET.

When you access your back-end with Postman, you are only sending a GET.
The browser will send an OPTIONS request first (without your authentication header), and look for the response to have an “Access-Control-Allow-Origin” header that matches the origin of the page making the request.

If the response to the OPTIONS request is not a 2xx, or the header is not present, or the header value does not match the requesting page’s origin, you will get the error that you are experiencing, and the GET request will not be made.

TLDR; change your back-end to not require authentication for the OPTIONS method when handling the login url.

More Related Contents:

  1. How to create cross-domain request?
  2. Read response headers from API response – Angular 5 + TypeScript
  3. No ‘Access-Control-Allow-Origin’ header in Angular 2 app
  4. CORS issue with Google Oauth2 for server side webapps
  5. Angular2 OPTIONS method sent when asking for http.GET [duplicate]
  6. Angular show spinner for every HTTP request with very less code changes
  7. How to make CORS-enabled HTTP requests in Angular 2?
  8. Http.get() working but not working in build(Release/Debug) in Ionic 4
  9. Angular 4 HttpClient Query Parameters
  10. Enabling CORS on Azure Active Directory
  11. Angular2 http.post gets executed twice
  12. Access to XMLHttpRequest has been blocked origin ASP.NET CORE 2.2.0 / Angular 8 / signalr1.0.0 [(CORS Policy-Access-Control-Allow-Origin) failed]
  13. Can’t bind to ‘ng-forOf’ since it isn’t a known native property [duplicate]
  14. Use component from another module
  15. Angular: Cannot find a differ supporting object ‘[object Object]’
  16. How to get reference of the component associated with ElementRef in Angular 2
  17. Angular 2 restrict input field
  18. Emit event from parent to child
  19. how to embed an angular app into another app?
  20. How to share service between two modules – @NgModule in angular not between to components?
  21. Angular 6 MatTable Performance in 1000 rows
  22. Firestore Getting documents id from collection
  23. How to set unique template reference variables inside an *ngFor? (Angular)
  24. The pipe ‘ ‘ could not be found angular2 custom pipe
  25. how to bind img src in angular 2 in ngFor?
  26. Angular2 conditional routing
  27. How can I use ngFor to iterate over Typescript Enum as an array of strings
  28. Angular Material Tab : Prevent tab change of mat-tab-group if the form in current tab is dirty
  29. Does Angular2 use Web Components?
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment