4

我正在尝试将来自 localhost:4200 上的 Angular4 的数据发布到 localhost:8000 上的 API。我在 Postman 上工作得很好，但在 Angular 上却不行。然后我得到：

加载资源失败：服务器响应状态为 422（无法处理的实体）

这是发布到 api 的服务：

@Injectable()
export class ApiService {
    constructor(private http: Http) { }
    login(username: string, password: string): Observable<Response>{
        const url = 'http://localhost:8000/login';
        const json = JSON.stringify({username: username, password: password});
        const headers: Headers = new Headers();
        headers.append('Content-Type', 'application/json; charset=UTF-8');
        return this.http.post(url, json, headers )
            .map(res => res.json());
    }
}

这是运行该方法的代码

   logIn(user: string, password: string){
      this.apiService.login(user, password).subscribe(
          data => console.log(data),
          error => console.log(error)
      );
    }

4

2 回答 2

1

422（Unprocessable Entity）状态码意味着服务器理解请求实体的内容类型（因此 415（Unsupported Media Type）状态码是不合适的），并且请求实体的语法是正确的（因此是 400（Bad Request） ) 状态码不合适）但无法处理包含的指令。

例如，如果 XML 请求正文包含格式正确（即语法正确）但语义错误的 XML 指令，则可能会出现这种错误情况。

于 2018-03-31T15:40:05.660 回答
1

我在使用“angular-in-memory-web-api”时也遇到了同样的问题。问题是在创建 InMemoryDbService 时我没有添加像 id 这样的主键。在 createDb 实例中添加 id 后，它对我来说工作正常。



import { Injectable } from '@angular/core';
import { InMemoryDbService } from 'angular-in-memory-web-api';

@Injectable({
  providedIn: 'root'
})
export class DataService implements InMemoryDbService {

  constructor() { }
  createDb() {

    let users = [
      {**id: 1**, username: "Sandy", firstname: "Sandesh", lastname: "K", password: 
        "XXXX", description: "Hi, Going to save data", gender: "Male" }
    ];
    return { users };

  }
}

于 2020-04-19T10:38:43.907 回答