Olá, estou com um problema, ao desenvolver uma api que faz a conexão com o AD em .NetCore eu não consegui buscar ela no meu front em React.js, ele dá o seguinte erro
Access to XMLHttpRequest at 'https://localhost:44397/api/values/iisauthorize/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Na minha Startup (API) está assim:
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
services.AddCors(options =>
{
options.AddPolicy("MyPolicy",
builder =>
{
builder.WithOrigins("*")
.AllowAnyMethod()
.AllowAnyHeader()
.AllowCredentials();
});
});
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseAuthentication();
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseMvc();
app.UseCors("MyPolicy");
}
E no meu front em React.js eu tento chamar assim:
Axios.get('https://localhost:44397/api/values/iisauthorize/')
.then((response) => {
this.showSuccess();
this.setState({ item: response.data })
console.log(this.state.item);
})
.catch((error) => {
this.showError();
console.log(error);
});
Alguém conseguiria me ajudar com esse problema? Desde já eu agradeço!