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??
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??
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!!