Auth0 Home Blog Docs

Access-Control-Allow-Origin error when trying to access IPD

error
access-token
cors
access-control-allow

#1

Hi,

I have started a small project using VUE.js. The plan is to call Yahoo!'s Query in order to get sports data. So far i have followed the tutorial for VUE.js and have gotten the lock up and running. Next I am able to get the IPD’s access token from the managment API. Essentially i’ve completed the first three steps here https://auth0.com/docs/tutorials/calling-an-external-idp-api

Now, i want to be able to call the Yahoo! service a get additional data. The problem i’m having is that every time i make a get request to the Yahoo! service i get the following console error. :

XMLHttpRequest cannot load https://social.yahooapis.com/v1/user/abcdef123/profile?format=json. 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’ is therefore not allowed access.

Is there a step i’ve missed or something i’ve mis-read. Any help would be great.

Thanks,
Joel


#2

This is not an Auth0 issue, rather the expected behaviour of Google Chrome. Please refer to to other channels such as StackOverflow which would be better suited to these types of questions.

http://stackoverflow.com/questions/28547288/no-access-control-allow-origin-header-is-present-on-the-requested-resource-err


#3

Thanks for the nudge in the right direction.


#4

I am having the same issue in production as well.
Only mozilla is working in dev and prod. Chrome & EDGE both doesn’t work on production and local as well. Is there anything i can do to solve this issue. I am using OIDC-CLIENT to connect to Auth0.


#5

view comment here https://community.auth0.com/answers/13630/view


#6