Images are not loading due to missing CORS Access-Control-Allow-Origin header

Design help Custom code
1

Hey webflowers,

I’m having an issue in Firefox and Safari. They’re not displaying my images. Safari doesn’t give me any errors in the console but Firefox says this:
Reason: CORS header ‘Access-Control-Allow-Origin’ missing

How can I add this ‘Access-Control-Allow-Origin’ header to Webflow?
I’m a bit confused about the syntax, is it supposed to be in HTML or Javascript?

EDIT: Looks like this is a server issue.

Access-Control-Allow-Origin: *
Access-Control-Allow-Origin: <origin>
Access-Control-Allow-Origin: null

Here’s the MDN article about the Error: Reason: CORS header 'Access-Control-Allow-Origin' missing - HTTP | MDN

Here’s the article about the header: Access-Control-Allow-Origin - HTTP | MDN

Any help is much appreciated! :pray:

2

I have the same problem, could you find a way to fix it?

3

Hey, you can try to put an exclamation point at the end of the URL of the image.

4

I’ve tried but then I get an error which says that it cannot find the image