Não consigo acessar minha API .NetCore com o React.js

0 respostas
.netback-endreactapiprogramação
G

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!

Criado 25 de março de 2020
Respostas 0
Participantes 1