angular 发布请求，内容类型应用程序/json 不起作用

Question

我尝试使用 angular 发送发布请求，但是当我将内容类型设置为应用程序/json 时，请求内容类型始终未设置，并且 HTTP 方法总是被删除，并且所有发布的数据都从请求正文中删除我的代码

这是我的要求

Answer 1

HTTP 方法总是被删除，所有发布的数据都从请求正文中删除

在您分享的屏幕截图中，我们可以发现您捕获的请求是一个OPTIONS请求（ 预检请求），而不是实际的POST请求。 因此，您发布的数据不在请求正文中。

此外，以下代码片段对我来说效果很好，您可以参考它。

var student = {'name' : 'testuser', 'age' : 29};

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

this.http.post<Student>('https://xxxx/student',JSON.stringify(student),{headers:headers})
.subscribe(data => {
  console.log(data);
});

Controller 和动作

[Route("[controller]")]
[ApiController]
public class StudentController : ControllerBase
{
    [HttpPost]
    public IActionResult Post(Student student)
    {
        return Ok(student);
    }
}

测试结果

Answer 2

我只是想扩大飞寒的答案。 如果您使用asp core作为服务器端，您应该在 Startup.cs 中配置 Cors，如下所示：

app.UseCors(x =>
    x.AllowAnyHeader()
    .AllowAnyMethod()
    .AllowAnyOrigin());

Answer 3

如果您像这样设置 Accept 标头，就足够了。

 const headers = new HttpHeaders()
      .set('Accept', 'application/json');

无需设置内容标题。