Angular Post json 到 .net core web api 为空

Question

我正在尝试将一些 JSON 发布到 web api .net 核心，但由于某种原因，无论我尝试了什么，这始终为空，请参阅下面的代码。

这是我的 .net 核心 web api 代码

    [Produces("application/json")]
    [Route("api/v1/Issues")]
    [Authorize]
    [EnableCors("AllowCors")]
    public class IssuesController : Controller
    {
        [HttpPost]
        public IActionResult PostIssues([FromBody] string issue)
        {
          //some code to desirialize
        }
    }

这就是我尝试通过 Angular 发布的方式（请注意已加载相应的服务）

    public addIssue(issue) {
    const headers = new Headers();
    this.authService.getToken().toPromise().then( t => {
      headers.append('Authorization', `Bearer ${t.toString()}`);
      headers.append('Content-Type', 'application/json')
      this.http.post(`${this.baseUrl}/v1/issues`, issue, {
        headers: headers
      }).toPromise()
        .then(res => {
          console.log(res.json());
        });
    });
  }

我已尝试将帖子更改为

this.http.post(`${this.baseUrl}/v1/issues`, JSON.stringify(issue))

甚至

this.http.post(`${this.baseUrl}/v1/issues`, {'issue', JSON.stringify(issue)})

但似乎没有任何效果有人知道为什么会这样吗？ 澄清在 API 上收到的string issue 始终为空。 这是我到达服务器时的成功响应，您可以看到请求有效负载不为空，但到达 Web api 时为空

更新 1 如果可能，需要解释 好吧，我想做一个小实验，相同的代码在 4.5 框架而不是 .net 核心上运行良好，但是我试图为 .net 核心做的工作是创建一个名为 foo 的类，见下文

public class Foo
    {
        public string Name { get; set; }
        public string Json { get; set; }
    }

并修改我的控制器以接受这个对象

   [HttpPost]
    public IActionResult PostIssues([FromBody] Foo issue)
    {
       Debug.Write(issue);
       return Ok(issue);
    }

以及我的Angular项目传递一个类似的格式体

public addIssue(issue) {
const headers = new Headers();
this.authService.getToken().toPromise().then( t => {

  headers.append('Authorization', `Bearer ${t.toString()}`);
  headers.append('Content-Type', 'application/json');

  this.http.post(`${this.baseUrl}/v1/issues`, {'name' : 'name', 'json': JSON.stringify(issue)}, {
    headers: headers,
    withCredentials: true
  }).toPromise()
    .then(res => {
      console.log(res.json());
    });
});

}

这成功通过并绑定到控制器

为什么这可以但不能直接传递Json？为什么我的原始代码适用于 4.5 框架而不适用于 .net 核心？

Answer 1

我会尽力回答你所有的问题。

API 上收到的字符串问题始终为空

将 JSON 传递给 this 总是会给你一个 null，因为你试图绑定到一个原始数据类型。要解决此问题，您有两个选择

绑定到模型（视图模型）

当您的参数是一个类时，asp 会将这个类绑定到您传递的 json 数据，这就是您能够获取name 数据的原因。 根据您的更新，您可能会走这条路。

更多信息：https://docs.microsoft.com/en-us/aspnet/core/mvc/models/model-binding

现在您可能想知道，当参数只是一个字符串时，为什么要创建一个仅用于您的 api 的类？！如果您只想在您的 api 中使用 string，那么您可以这样做

使用FormData传递数据

你需要像这样改变你的api

 public IActionResult PostIssues(string issue){..}

您无需在此处指定[FromBody]。

在您的客户端，

 public addIssue(issue) {
    const headers = new Headers();
    this.authService.getToken().toPromise().then( t => {
      headers.append('Authorization', `Bearer ${t.toString()}`);
     // new code here
    var formData = new FormData();
    formData.append('issue',issue); //you need to specify the parameter name here.
      this.http.post(`${this.baseUrl}/v1/issues`, formData, {
        headers: headers
      }).toPromise()
        .then(res => {
          console.log(res.json());
        });
    });
  }

希望这会有所帮助。

Answer 2

因为它是一个字符串，你可以在 url 中传递它

${this.baseUrl}/v1/issues?issue=yourVarIssue