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??
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!!