从Angular HttpClient到ASP.NET Core 2.2 Web API进行POST调用时出现404错误(启用了CORS)

时间:2019-03-01 06:50:12

标签: c# asp.net-core cors asp.net-core-webapi

我写了一个简单的ASP.NET Core 2.2 Web APIPOST方法始终返回404,但是GET请求成功。

public class TestPayload
{
    public string test1 { get; set; }
    public string test2 { get; set; }
}

[Route("api/[controller]")]
[ApiController]
public class TestController: ControllerBase
{        
    // POST api/create
    [HttpPost]
    public async Task<ActionResult<string>> Create([FromBody] TestPayload value)
    {
        return Ok("");
    }
}

我在Angular HttpClient前端中收到404错误。

let headers = new HttpHeaders().set('Content-Type', 'application/json');

return this.http.post<any>(`${config.apiUrl}/test/create`, { test1, test2}, { headers }).pipe(map(x => {
                        ...               
                        return x;
                       }));

我在邮递员中遇到了同样的错误。

POST /api/Test/Create HTTP/1.1
Host: localhost:5001
Content-Type: application/json
cache-control: no-cache
Postman-Token: 4d304e86-013c-4be8-af07-f2262079000d
{ test1: "val1", test2: "val2" }------WebKitFormBoundary7MA4YWxkTrZu0gW--

我已在Startup.cs文件中启用了最宽松的CORS策略(以进行测试),但不能解决问题。

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowAll",
            builder =>
            {
                builder
                .AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader();
            });
    });
    services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);       
}

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
    else
    {
        app.UseHsts();
    }
    app.UseCors("AllowAll");
    app.UseHttpsRedirection();
    app.UseMvc();
}

我在Visual Studio的“输出”窗口中看到以下消息,这使我认为这是CORS错误,但我不知道我做错了什么。我的方法中的断点即使被加载并且在GET方法中也被命中,却永远不会命中。

Microsoft.AspNetCore.Server.Kestrel:Information: Connection id "0HLKU1LFDTCPA", Request id "0HLKU1LFDTCPA:00000002": the application completed without reading the entire request body.

这全部在localhost上运行。我已经在项目中安装了Microsoft.AspNetCore.Cors(2.2.0)NuGet软件包。

2 个答案:

答案 0 :(得分:3)

您尚未指定操作的路线。您可以将帖子更改为转到/ api / Test或按以下所示设置操作的属性:

[HttpPost("Create")]
public async Task<ActionResult<string>> Create([FromBody] TestPayload value)
{
    return Ok("");
}

[HttpPost]
[Route("Create")]
public async Task<ActionResult<string>> Create([FromBody] TestPayload value)
{
    return Ok("");
}

或更新控制器路线以包含操作

[Route("api/[controller]/[action]")]

答案 1 :(得分:0)

尝试添加:

[EnableCors(origins: " * ", headers: " * ", methods: " * ")]

到您的Controller类。 (用引号中的空格删除)

有关Microsoft-Website的更多信息