Xmlhttprequest Blocked by Cors Policy
I Add an Api with Following Script in Let's Say: Api. Js $(Function () { Apikey = $('#Api'). Data('Apikey'); $("#Api"). Load("" + Apikey); }) When I Load the...
I add an API with following script in let's say :
<script src=""></script>
<div id="api" data-apikey="LA59CJI9HZ-KIJK4I5-3CKJC"></div>
api.js
$(function () {
apikey = $('#api').data('apikey');
$("#api").load("" + apikey);
})
When I load the page, I get following error:
XMLHttpRequest cannot load apiendpoint URL. Redirect from 'apiendpoint URL' to 'apiendpoint URL' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'test URL' is therefore not allowed access.
In the path of apiendpoint.com I added in .htaccess following code:
Header set Access-Control-Allow-Origin "*"
But it does not work.
2 Answers
I believe sideshowbarker 's answer here has all the info you need to fix this. If your problem is just No 'Access-Control-Allow-Origin' header is present on the response you're getting, you can set up a CORS proxy to get around this. Way more info on it in the linked answer
I know this might be late, but hope this will help others. This problem comes from backend side, call CORS. I'm using java for backend so I added@CrossOrigin to Controller class. It works!
James Sterling reports on renewable energy developments, climate policy, ecological conservation, and green tech innovations around the globe.
