React本机与ASP.Net核心RestfulAPI之间的通信

Question

我有一个问题，让我的反应-本地应用程序与我的restful后端通信。

这是后端控制器

[ApiController]
[Route("[controller]")]
public class AuditController : ControllerBase
{
    [HttpGet]
    public IActionResult Audits()
    {
        var audit = new List<AuditRequest>
        {
           new AuditRequest
           {
               Date = "23/04/2019 16:49:37",
               User ="Fiona",
               Message="Logon"
           },
           new AuditRequest
           {
               Date = "23/04/2019 16:49:37",
               User ="Fiona",
               Message="Logon"
           },
           new AuditRequest
           {
               Date = "23/04/2019 16:49:37",
               User ="Fiona",
               Message="Logon"
           }
        };
        return Ok(audit);
    }
}

启动文件

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddControllers();

        services.AddCors(opt =>
        {
            opt.AddPolicy("CorsPolicy", policy =>
            {
                policy.AllowAnyHeader()
                .AllowAnyMethod()
                .AllowCredentials();
                //.WithOrigins("http://localhost:3000");
            });
        });
    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseHttpsRedirection();

        app.UseRouting();

        app.UseCors("CorsPolicy");

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllers();
        });
    }
} 

还有我的反应档案。

useEffect(() => {
    axios
      .get("https://localhost:44354/audit")
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
        console.log("error");
      });
    //auditsActions.fetchAudits();
  }, []); 

我可以用邮递员测试终点.

我得到的错误是网络错误

• node_modules\axios\lib\core\createError.js:15:0 in
• node_modules\axios\lib\adapters\xhr.js:88:12 in dispatchXhrRequest
• ... 9来自框架内部的更多堆栈帧.

我用的是世博和仿真器

​

有人能告诉我如何解决这个问题吗？

Answer 1

最后，我使用了这个应用程序-贪得无厌由keyoti。