Keycloak angular No ‘Access-Control-Allow-Origin’ header is present

by

I was fighting with KeyCloak and CORS and all of this for about two weeks, and this is my solution (for keycloak 3.2.1):

Its all about configuring KeyCloak server.
It seems to be, that WebOrigin of your Realm needs to be 

*

Only one origin “*”.

Thats all, what was needed for me.

If you enter your server as WebOrigin, the trouble begins.
When you call keycloak.init in JavaScript, keycloak does not generate CORS headers, so you have to configure them manually, and as soon as you do so, and call keycloak.getUserInfo after successful init – you get double CORS headers, which is not allowed.

Somewhere deep inside of keycloak mailing lists is stated, that you need to set enable-cors=true in your keycloak.json, but there is nothing about that on keycloak.gitbooks.io. So it seems not to be true.

They also don’t mention CORS when describing JavaScript and Node.Js adapters, and I don’t know why, seems not to be important at all.

It also seems to be, that you should not touch WildFly configuration to provide CORS headers.

Besides, CORS in OIDC is a special KeyCloak feature (and not a bug).

Hopefully this answer serves you well.

More Related Contents:

  1. angularjs 1.6.0 (latest now) routes not working
  2. Custom sort function in ng-repeat
  3. AngularJS and its use of Dollar Variables
  4. Angular and SVG filters
  5. Confusing $locationChangeSuccess and $stateChangeStart
  6. Set Page title using UI-Router
  7. How to send and retrieve parameters using $state.go toParams and $stateParams?
  8. Angularjs simple file download causes router to redirect
  9. Angular UI Router Nested State resolve in child states
  10. Angular pass callback function to child component as @Input similar to AngularJS way
  11. How to parseInt in Angular.js
  12. How to check if any Checkbox is checked in Angular
  13. AngularJS data bind in ng-bind-html?
  14. Angular orderBy number sorting as text in ng-repeat
  15. Angular UI-Router How to create a “layout” state?
  16. AngularJS – Multiple ng-view in single template
  17. How to use “ng-repeat” within template of a directive in Angular JS?
  18. AngularJS dropdown directive hide when clicking outside
  19. What is the difference between required and ng-required?
  20. Using $index with the AngularJS ‘ng-options’ directive?
  21. Making an angular filter conditional
  22. Enable/Disable Anchor Tags using AngularJS
  23. Telling Angular Js to ignore a specific route
  24. AngularJS $q. Deferred queue
  25. angularjs ui-router strange behaviour with additional segment in route
  26. Set URL query parameters without state change using Angular ui-router
  27. How to Set Background image of div with ng-style
  28. AngularJS – Injecting factory from another module into a provider
  29. How does AngularJS $watch these cases in an ng-repeat?
  30. How to pass .env file variables to webpack config?

Leave a Comment