When you need a file, but the headers ain't good, who you gonna call? CORS Buster!
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.
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:
window.fetch('https://cors-buster-tbgktfqyku.now.sh/nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x64.tar.gz')
CORS is designed to prevent a 3rd party (Eve) from doing evil things to Alice using her browser to make HTTP requests to Bob, essentially impersonating Alice. Browsers prevent JavaScript from making this kind of Cross-Origin AJAX Request by default. But if this server is making the request on behalf of your JavaScript, there is no way we could be impersonating Alice. Alice is safe. Bob was never protected in the first place. Eve has better things to do with her time.
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:
- accept-encoding
- accept-language
- accept
- access-control-allow-origin
- authorization
- cache-control
- connection
- content-length
- content-type
- dnt
- pragma
- range
- referer
- user-agent
- x-http-method-override
- x-requested-with
- accept-ranges
- age
- cache-control
- content-length
- content-language
- content-type
- date
- etag
- expires
- last-modified
- pragma
- server
- transfer-encoding
- vary
- x-github-request-id
Sure thing, just do:
git clone https://github.com/wmhilton/cors-buster
cd cors-buster
npm install
PORT=80 npm start
Even easier, just do:
now wmhilton/cors-buster
This work is released under The MIT License