I am trying to query wolfram to do some math for my site and then display the result. I am having trouble with CORS. My Code:
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
callback(xmlHttp.responseText);
}
xmlHttp.open("GET", "http://api.wolframalpha.com/v2/query?input="+theUrl+"&appid=", true); // true for asynchronous
xmlHttp.send(null);
My Error:
"Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api.wolframalpha.com/v2/query?input=sqrt(100)&appid=. (Reason: CORS header 'Access-Control-Allow-Origin' missing)."
I understand that on a dynamic site I could just add
Header set Access-Control-Allow-Origin "*"
to .htaccess
but I'm not sure how to do it on a static site. I have read that Allow-Access_origin should already be present in github pages.
2nd answer here: Cross-Origin Resource Sharing on GitHub Pages
2nd answer here: Is there a way to enable CORS on Github pages?
If it's a small project you could route your get requests through crossorigin.me. Otherwise you'll have to run a server yourself that proxies requests to wolfram alpha and sets the Access-Control-Allow Origin header properly. You could even deploy one of these proxy servers on now.sh or heroku for free or cheap. I have a similar simple application github-issue-filer that sets the header properly and reroutes POSTs to github's API.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With