When you need a file, but the headers ain't good, who you gonna call? CORS Buster!
What is this?
This is the software
running on https://cors-buster-tbgktfqyku.now.sh (Update: I had to shut it down after the bandwidth exceeded the free tier of Now), a free
service for AJAX users struggling to work around the fact that many websites
do not implement CORS headers, even for static content.
What it does
Say you tried to do this AJAX call and got this lovely error:
window.fetch('http://nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x64.tar.gz') Fetch API cannot load http://nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x64.tar.gz. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://example.org' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. Uncaught (in promise) TypeError: Failed to fetch
You can do this instead, and now there's no error:
Is this safe?
But I need to POST/PUT/etc with data?
That works too! Just make an OPTIONS/POST/PUT/DELETE/etc request and it will be forwarded.
If you can only make GET requests, you can provide a
method query parameter and
the server will make it that kind of request instead.
If there's a way to whitelist ALL headers, let me know. The one's I've explicitly added so far are:
That is nice, I want to run my own server
Sure thing, just do:
git clone https://github.com/wmhilton/cors-buster cd cors-buster npm install PORT=80 npm start
No, I meant I want to deploy it to zeit.now.sh
Even easier, just do:
This work is released under The MIT License