I am getting no CORS header set, even though it is set. Why?

by orangeMint   Last Updated October 17, 2019 22:26 PM - source

I'm getting this CORS error when trying to download an image (but I get the same error with any URL):

Access to XMLHttpRequest at 'https://s.iha.com/00144228146/Paimpol-Lighthouse-of-the-peacock-on-the-island-of-brehat-near-paimpol.jpeg' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I am running an ExpressJS server, with Parcel Bundler:

const app = express();


    extended: false

const http = require('http').Server(app);



As you can see above, I've tried Express's cors() plugin and I've tried manually setting the headers myself like so:

    app.use((req, res, next) => {
            res.setHeader('Access-Control-Allow-Origin', '*');
            res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
            res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
            res.setHeader('Access-Control-Allow-Credentials', true);


However, no matter what I've tried. I still get this same No 'Access-Control-Allow-Origin' header is present on the requested resource error.

In Chrome I can see these headers set:

enter image description here

Something isn't matching up and I haven't figured out what. Any help would be very appreciated!

Answers 1

The error you're getting is not coming from your server: http://localhost:3000 but from: https://s.iha.com/.

Don't issue an AJAX request, just serve the image using <img> tag.

Marcos Casagrande
Marcos Casagrande
October 17, 2019 22:25 PM

Related Questions

NodeJS with express: Header undefined

Updated August 06, 2019 06:26 AM

Access-control-allow-headers isn't allowed

Updated February 14, 2019 21:26 PM