[keycloak-user] No 'Access-Control-Allow-Origin' header is present on the requested resource

[JAYAPRIYA ATHEESAN]

Hi All,

I need a help.

I tried to use the example provided by keycloak team for broker(facebook-identity-provider-realm).

But when I try to load the social profile, I get the following exception.

angular.js:8098 OPTIONS https://host_name:8444/auth/realms/facebook-identity-provider-realm/broker/facebook/token (anonymous function) @ angular.js:8098sendReq @ angular.js:7902serverRequest @ angular.js:7636wrappedCallback @ angular.js:11050wrappedCallback @ angular.js:11050(anonymous function) @ angular.js:11136Scope.$eval @ angular.js:12062Scope.$digest @ angular.js:11888Scope.$apply @ angular.js:12168(anonymous function) @ angular.js:18102(anonymous function) @ angular.js:2643forEach @ angular.js:328eventHandler @ angular.js:2642
:60/fb/:1 XMLHttpRequest cannot load https://host_name:8444/auth/realms/facebook-identity-provider-realm/broker/facebook/token. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:60' is therefore not allowed access. The response had HTTP status code 404.

I face similar kind of exception when I tried to load profile detail from keycloak too..

Please help me in resolving the same.

I have hosted the angular js application in my local host.
The keycloak is running on a server. External request is set to none for testing purposes.

Thanks,
Jayapriya Atheesan