在 ASP .NET Core 2.1 Web Api 中启用 CORS [英] Enable CORS in ASP .NET Core 2.1 Web Api

问题描述

我正在使用 ASP .NET Core 2.1 Web API 和 React 编写应用程序.我的服务器在 localhost:5000 上，我的客户端在 localhost:3000 上.我想用 axios 发送 post 请求，但在浏览器控制台中我看到错误:

I'm writting application in ASP .NET Core 2.1 Web API and React. I have my server on localhost:5000 and my client on localhost:3000. I wanted to send post request with axios but in browser console i see error:

OPTIONS https://localhost:5001/api/auth/login 0 ()
Uncaught (in promise) Error: Network Error
at createError (createError.js:16)
at XMLHttpRequest.handleError (xhr.js:87)

在我的 Web API 中，我尝试添加 CORS，但它似乎不起作用.我补充:

In my Web API I try to add CORS but it doesn't seems to work. I add:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors();
    services.AddMvc();
    ...
}

还有:

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    app.UseCors(options =>
        options
        .AllowAnyOrigin()
        .AllowAnyMethod()
        .AllowAnyHeader()
        .AllowCredentials());
    ...
    app.UseMvc();
}

这是我的帖子请求:

const response = await axios({
        method: 'post',
        url: 'http://localhost:5000/api/auth/login',

        data: {
            userName: this.state.controls.login.value,
            password: this.state.controls.password.value
        }
    });

请求后的服务器控制台:

Server console after request:

info: Microsoft.AspNetCore.Hosting.Internal.WebHost[1]
      Request starting HTTP/1.1 OPTIONS http://localhost:5000/api/auth/login
info: Microsoft.AspNetCore.Cors.Infrastructure.CorsService[4]
      Policy execution successful.
info: Microsoft.AspNetCore.Hosting.Internal.WebHost[2]
      Request finished in 4.253ms 204
info: Microsoft.AspNetCore.Hosting.Internal.WebHost[1]
      Request starting HTTP/1.1 POST http://localhost:5000/api/auth/login application/json;charset=UTF-8 52
info: Microsoft.AspNetCore.Cors.Infrastructure.CorsService[4]
      Policy execution successful.
info: Microsoft.AspNetCore.Hosting.Internal.WebHost[2]
      Request finished in 2.1805ms 307
info: Microsoft.AspNetCore.Server.Kestrel[32]
      Connection id "0HLG4CH3JIV16", Request id "0HLG4CH3JIV16:00000002": the application completed without reading the entire request body.

当我使用 Postman 时一切正常.我从服务器收到带有令牌的 json.

When I use Postman everything is fine. I receive json with token from server.

推荐答案

好的，我解决了我的问题.我只是不知道我应该删除app.UseHttpsRedirection();".

Ok, I resolve my problem. I just didn't know that I should remove "app.UseHttpsRedirection();".

这篇关于在 ASP .NET Core 2.1 Web Api 中启用 CORS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！