No 'Access-Control-Allow-Origin' header is present on the requested resource

Code Help
1

I keep getting an error when trying to use a picture via. a URL. It says the following:
Access to image at ‘https://about.canva.com/wp-content/uploads/sites/8/2019/03/cyan.png’ from origin ‘https://postnord-simulator.freyseee.repl.co’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

How do you get around this?

2

Hi @Freyseee welcome to the forum! Is there a way you can just upload the image instead?

3

CORS is a security measure to stop users from “hacking” other users with remote scripts, as @JayAySeaOhBee14 said, uploading it to replit is the best option.

1 Like
4

I think I’ve found the issue. It works with .jpg but not .png. Not sure why?