Angular Post json到.net核心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
        }
    }

这就是我试图通过角度发布的方式（注意加载了相应的服务）

    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收到的string issue始终为null。 这是成功的响应，当我到达服务器时，您可以看到请求有效负载不为null但是到达web api为null

更新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传递给它将始终为null，因为您尝试绑定到基本数据类型。 要解决此问题，您有两种选择

绑定到模型（viewmodel）

当您的参数是一个类时，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

因为它是一个单独的字符串，你可以在网址中传递它

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