Fix CORS policy: No 'Access-Control-Allow-Origin' header

Options
Hahz
Hahz Member Posts: 1 ✭
edited September 2023 in Developer APIs

How do i clear this errors?

-Create:1 Access to fetch at 'https://api.cloudinary.com/v1_1/digqqowwh' from origin 'https://ticket.luvnft.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

-Failed to load resource: net::ERR_FAILED

Tagged:

Answers

  • Ranson
    Ranson Cloudinary Staff Posts: 19
    Options

    Hi Hahz,


    CORS errors are generally due to attempting to make a serverside request from the frontend. To explain more in-depth, CORS is a security policy that is implemented to validate the request, more information here: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS


    If you are trying to make a request from your client side application to one of our APIs that require CORS headers to be included, you will encounter an error. In order to resolve the error, you will need to utilize a sever-side language like NodeJS or Python to make the request.


    Let us know if any additional clarification is needed here.

Categories