415（不支持的媒体类型）角度 4 Post答案

【问题标题】：415 (Unsupported Media Type) angular 4 Post415（不支持的媒体类型）角度 4 Post
【发布时间】：2018-04-09 05:50:39
【问题描述】：

我正在尝试使用 angular 4 post 方法访问 wep api。

在我的服务中，我添加了 application/json 的内容类型。我在将数据发送到 api 时将对象转换为 json。我正在使用 HttpClientModule

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()

export class NewServiceService {

  baseUrl = "http://localhost:33969/api/";
  headers = { headers: new Headers({ 'Content-Type': 'application/json' }) 
      };
  obj= {
    name:"A",
    cgpa: 3
  };

_http:any;
constructor(http: HttpClient) {
    this._http = http;
}

SaveStudents(){

    this._http
    .post(
        this.baseUrl + 'home/Save', 
        JSON.stringify(this.obj),
        this.headers
     )
  .subscribe(
    res => {
      alert("Student Saved!");
    },
    err => {
      alert("Error!");
    }
  );
}}

在 API 中，

using Entity;
using Microsoft.AspNetCore.Mvc;
using Repo;

namespace API_Core.Controllers
{
[Produces("application/json")]
[Route("api/[controller]/[action]")]

public class HomeController : Controller
{
    IStudent _student;
    public HomeController(IStudent student)
    {
        _student = student;
    }

    [HttpPost]   
    public Student Save([FromBody]Student s)
    {
        return _student.Save(s);
    }
}
}

在这里，我想将对象捕获为学生模型并对数据进行处理。这是学生模型

public class Student
{
    [Key]
    public int ID { get; set; }

    public string Name { get; set; }

    public double Cgpa { get; set; }
}

但是在使用prostman时，我可以成功接收到对象。

更新使用 HttpHeaders 而不是 Headers 和 CORS 解决了这个问题

为 ASP.NET Core 2 启用 CORS =>

在配置服务中：

services.AddCors(options => options.AddPolicy("Cors", builder =>
        {
            builder
            .AllowAnyOrigin()
            .AllowAnyMethod()
            .AllowAnyHeader();
        }));

在配置中（在 usemvc() 上方）：

app.UseCors("Cors");

【问题讨论】：

用这个编辑过的答案救了我的命！ THX
我们在哪里可以找到启动类中的 ConfigureServices 和 Configure ？你能展示如何添加这些
@SujayUN 这些是在创建项目时创建的方法，在 Startup.cs 文件中进行搜索，您会找到它们

标签： asp.net-core-webapi angular4-httpclient

【解决方案1】：

您需要更改以下行

  headers = { headers: new Headers({ 'Content-Type': 'application/json' }) 
      };

到

headers={
    headers: new HttpHeaders({
        'Content-Type': 'application/json'
    })
}

【讨论】：

更改该行之后。它抛出一个新错误“OPTIONS localhost:33969/api/home/Save net::ERR_CONNECTION_RESET”
您的 Angular 应用程序和 API 是否托管在不同的端口上？如果是，您可能需要启用 CORS。
是的。我已经启用了 Cors。我可以成功地向 api 发送一个 get 请求并接收到正确的数据。但是当我尝试发帖时，我遇到了问题
你能发布从 Angular 客户端发出的请求负载吗？使用开发工具或提琴手。

【解决方案2】：

在我的情况下，415 错误是因为我在不需要它时调用了JSON.stringify(obj)。我在某处读到 post 方法会根据需要对 body 参数进行字符串化

所以不要这样：

this._http
.post(
    this.baseUrl + 'home/Save', 
    JSON.stringify(this.obj),
    this.headers
 )

我改成这样了：

this._http
.post(
    this.baseUrl + 'home/Save', 
    this.obj, // << no need to stringify 
    this.headers
)

这是我的实际工作代码

@Injectable()
export class ParkingService {
  constructor(private http: HttpClient) { }

  create(parking: Parking) {
    const requestUrl = environment.apiUrl + 'parking' ;
    const headerOptions = new HttpHeaders();

    headerOptions.set('Content-Type', 'application/json');
    return this.http.post(requestUrl, parking, {headers: headerOptions}) ;
  }
}

即使在 .NET 核心 Web api 上启用和配置 CORS 后，我也遇到了这种情况

【讨论】：

谢谢哥们..这个真的帮了我
难以置信！这行得通

【解决方案3】：

我在 .netcore 2 中使用 angular 6 时遇到了同样的问题。我的代码是这样的：

角度：

  getCustomers(pageSize: number, pageNumber: number) {

    let fromObject = {
      name: this.searchName,
      pageNumber: pageNumber.toString(),
      pageSize: pageSize.toString()
    }

    const params = new HttpParams({
      fromObject: fromObject
    });

    return this.http.get(this.baseUrl, { params: params });

  }

.Net 核心

[HttpGet]
public IActionResult GetCustomers(PageSelection page)

问题通过两种不同的方式解决。

第一个：

[HttpGet]
public IActionResult GetCustomers(string Name, int PageSize, int PageNumber)

第二个，虽然我加了[ApiController]

[HttpGet]
public IActionResult GetCustomers([FromQuery]PageSelection page)

希望对你有帮助。

【讨论】：