The Movie Database Support
Support → API Support
API Key Different Domains
posted by blkmuttSTAFFMOD on September 23, 2015 at 11:03 AM
I have an API key that I am using for a site I am working on. I had to change the URL and now I get a cross domain error. I was wondering whether I can add a URL (or two, really, one being localhost for development) that I can use with my API key. I'm really not even 100% sure that this is the issue.
Thank you!
Reply by Travis Bell
on September 23, 2015 at 7:05 PM
Hi blkmutt,
You'll need to use JSONP to get around this problem, it's not something that we control. You can read more about this here. You can call our API as JSONP by including a
callbackparameter. Example:Cheers.
Reply by blkmutt
on September 24, 2015 at 10:13 PM
Hi Travis,
Thanks for the response. I've tried this a couple of ways, one of which is your suggestion. I get the following still:
XMLHttpRequest cannot load http://api.themoviedb.org/3/configuration?api_key={my_api_key}&callback={my_callback_function}. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://localhost:3000' is therefore not allowed access.
Also, I've tried setting the Accept header to 'application/jsonp' and I have the same problem.
Any idea why I'd still be getting this?
Thanks again for the help!
Reply by Travis Bell
on September 28, 2015 at 11:07 AM
Hi blkmutt,
What library are you using? I am fairly positive a wildcard (*) is perfectly valid for the
Access-Control-Allow-Originheader. I have a working jQuery test you can see here (add your API key on line 11).