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');

無需設置內容標題。