AngularJS performs an OPTIONS HTTP request for a cross-origin resource

by

OPTIONS request are by no means an AngularJS bug, this is how Cross-Origin Resource Sharing standard mandates browsers to behave. Please refer to this document: https://developer.mozilla.org/en-US/docs/HTTP_access_control, where in the “Overview” section it says:

The Cross-Origin Resource Sharing standard works by adding new HTTP
headers that allow servers to describe the set of origins that are
permitted to read that information using a web browser. Additionally,
for HTTP request methods that can cause side-effects on user data (in
particular; for HTTP methods other than GET, or for POST usage with
certain MIME types). The specification mandates that browsers
“preflight” the request, soliciting supported methods from the server
with an HTTP OPTIONS request header, and then, upon “approval” from
the server, sending the actual request with the actual HTTP request
method. Servers can also notify clients whether “credentials”
(including Cookies and HTTP Authentication data) should be sent with
requests.

It is very hard to provide a generic solution that would work for all the WWW servers as setup will vary depending on the server itself and HTTP verbs that you intend to support. I would encourage you to get over this excellent article (http://www.html5rocks.com/en/tutorials/cors/) that has much more details on the exact headers that needs to be sent by a server.

More Related Contents:

  1. How to skip the OPTIONS preflight request?
  2. No ‘Access-Control-Allow-Origin’ header is present on the requested resource- AngularJS
  3. Confused about how to handle CORS OPTIONS preflight requests
  4. CORS with spring-boot and angularjs not working
  5. AngularJS $http, CORS and http authentication
  6. ionic app cannot connect cors enabled server with $http
  7. WebAPI CORS with Windows Authentication – allow Anonymous OPTIONS request
  8. upload file from angularjs directly to amazon s3 using signed url
  9. Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
  10. Why don’t the AngularJS docs use a dot in the model directive?
  11. Angular directives – when and how to use compile, controller, pre-link and post-link [closed]
  12. Joining data between paths based on id using AngularFire
  13. Angular UI Router – Nested States with multiple layouts
  14. Nested states or views for layout with leftbar in ui-router?
  15. How come Angular doesn’t update with scope here?
  16. AngularJS – How can I reference the property name within an ng-Repeat
  17. Understanding what it takes to remove the hash # from angular routes
  18. How to refresh / invalidate $resource cache in AngularJS
  19. Running AngularJS initialization code when view is loaded
  20. AngularJs Remove duplicate elements in ng-repeat
  21. How would I have ui-router go to an external link, such as google.com?
  22. AngularJS All slashes in URL changed to %2F
  23. How to extend or override existing filters in angularjs?
  24. ng-options with simple array init
  25. Using ng-if as a switch inside ng-repeat?
  26. Format telephone and credit card numbers in AngularJS
  27. How to set the value attribute for select options?
  28. AngularJS: How to nest applications within an angular app
  29. Get the current browser name in Protractor test
  30. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?

Leave a Comment