Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers

by

I had the same problem. In the jQuery documentation I found:

For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server.

So though the server allows cross origin request but does not allow Access-Control-Allow-Headers , it will throw errors. By default angular content type is application/json, which is trying to send a OPTION request. Try to overwrite angular default header or allow Access-Control-Allow-Headers in server end. Here is an angular sample:

$http.post(url, data, {
    headers : {
        'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'
    }
});

More Related Contents:

  1. How to enable CORS in AngularJs
  2. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  3. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  4. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  5. “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error for response from http://www.google.com/
  6. CORS: credentials mode is ‘include’
  7. fetch() does not send headers?
  8. AngularJS CORS Issues
  9. HTTP request from Angular sent as OPTIONS instead of POST
  10. CORS error for application running from file:// scheme
  11. Angularjs how to upload multipart form data and a file?
  12. http request has been block from https
  13. AngularJS routing without the hash ‘#’
  14. how to bypass Access-Control-Allow-Origin?
  15. AngularJS passing data to $http.get request
  16. How to filter (key, value) with ng-repeat in AngularJs?
  17. Origin is not allowed by Access-Control-Allow-Origin
  18. How can I use command line arguments in Angularjs Protractor?
  19. AngularJs – cancel route change event
  20. How to use CORS to implement JavaScript Google Places API request
  21. How to handle file downloads with JWT based authentication?
  22. Angularjs: ‘controller as syntax’ and $watch
  23. Share a single service between multiple angular.js apps
  24. AngularJS error: ‘argument ‘FirstCtrl’ is not a function, got undefined’
  25. AngularJS: ng-if not working in combination with ng-click?
  26. Programmatically set the value of a type=”file” input HTML element? [duplicate]
  27. Angular ui router – Redirection doesn’t work at all
  28. What is the difference between $scope.$root and $rootScope?
  29. Call angularjs function using jquery/javascript
  30. Pass parent scope value into ng-repeat loop in Angular

Leave a Comment