Home / Questions / 561953
Accepted
Daniel Rivas
Asked: 2022-10-13 17:13:16 +0800 CST 2022-10-13 17:13:16 +0800 CST

CORS blocks the FETCH method in Native JavaScript (Vanilla JS)

  • 772

I am doing a fetch to an API, a super simple method, I only have to print the json that the api brings in a console.log, but for some reason CORS blocks me, I have not been able to solve it, I attach the FETCH code and the error code , Cheers.

function getDepartments() {

    var requestOptions = {
        method: 'GET',
        redirect: 'follow'
    };

    fetch("http://helpdeskwebservices.tk/api/Departamentos", requestOptions)
        .then(response => response.text())
        .then(result => console.log(result))
        .catch(error => console.log('error', error));

}

getDepartments();

enter image description here

Thank you very much.

javascript

1 Answers

  1. Best Answer

    That happens because you don't have CORS configured within your API.

    I show you this way since currently with this account I cannot comment.

    If you are working as in this video: Configuracion cors the following will help you.

    CORS# Configuration

    string policy = "MyPolicy";

//Configurando Corse
builder.Services.AddCors(Options =>
{
    Options.AddPolicy(name: policy, build =>
    {
        build.SetIsOriginAllowed(origin => new Uri(origin).Host == "localhost")
        .AllowAnyHeader().AllowAnyMethod();
    });
});

//Agregando politica de corse a la app
app.UseCors(policy);
    • 1