2
respostas

LIGAÇÃO COM REACT

Olá tudo bem?? Estou tentando ligar esse back end com o meu front em react porem o mesmo fica me dando esse erro!! Como faço para resolver??

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Oi.

Uma solução para esse problema é configurar o CORS no backend para permitir as solicitações vindas do frontend. No caso do .NET 6, você pode fazer isso adicionando o middleware CORS na configuração do seu aplicativo.

Aqui está um exemplo de como fazer isso:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddDefaultPolicy(builder =>
        {
            builder.WithOrigins("http://localhost:3002")
                .AllowAnyHeader()
                .AllowAnyMethod();
        });
    });

    // Restante da configuração do serviço...
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    // Outras configurações...

    app.UseCors();

    // Restante da configuração do aplicativo...
}

Isso tá configurando CORS para permitir solicitações vindas de http://localhost:3002, que é o endereço do seu frontend em React. Permitindo qualquer cabeçalho e qualquer método HTTP. Certifique-se de substituir o endereço do frontend pelo correto.

Com essa configuração, o backend irá incluir o cabeçalho Access-Control-Allow-Origin na resposta, permitindo que o frontend faça a solicitação sem ser bloqueado pelo CORS.

Muito obrigado pela ajuda!!