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

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/broke... (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/broke.... 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