angular - 带有数字参数的Angular 6服务发布请求给出错误（404）

Question

我正在使用 Angular 6 和它的新手。尝试通过来自 Web API 的 POST 请求获取数据，但失败并在服务 URL 上收到 404 错误。该服务正在处理没有此number参数的 GET 和 POST 请求，我认为，UserId作为一个参数，这给我带来了问题。

服务.ts

  getHistory(UserId: number): Observable<History> {
    return this.http.post<History>('/api/getUserHistory', UserId);
  }

XYZ.component.ts

    ngOnInit() {
    this.connectService.getHistory(8).subscribe(fi => {
      console.log(fi);
    });
  }

ASP.NET Web API

    [Authorize]
    [Route("api/seller_get_userHistory")]
    [HttpPost]
    public HttpResponseMessage GetHistory(int UserId)
    {
        try

标签： angulartypescriptpostasp.net-web-apiangular6

Answer 1

您的服务文件应该具有正确的端点。

服务.ts

  getHistory(UserId: number): Observable<History> {
    return this.http.post<History>('/api/getUserHistory', UserId);
  }

至

  getHistory(UserId: number): Observable<History> {
    return this.http.post<History>('http://yourHost/api/getUserHistory', UserId);
  }