对于 Angular > 4.3（新 HTTPClient），请使用以下内容：

let body = new URLSearchParams();
body.set('user', username);
body.set('password', password);

let options = {
    headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
};

this.http
    .post('//yourUrl.com/login', body.toString(), options)
    .subscribe(response => {
        //...
    });

请注意 3 件事以使其按预期工作：

1. 为您的身体使用 URLSearchParams
2. 将正文转换为字符串
3. 设置标题的内容类型

注意：旧浏览器确实需要 polyfill！我使用：npm i url-search-params-polyfill --save然后添加到 polyfills.ts：import 'url-search-params-polyfill';

2020 年 6 月更新：此答案已有 4 年历史，由于 Angular 中的 API 更改而不再有效。请参阅当前版本方法的最新答案。

您可以使用URLSearchParams作为请求的正文来执行此操作，angular 会自动将内容类型设置为application/x-www-form-urlencoded并正确编码正文。

let body = new URLSearchParams();
body.set('username', username);
body.set('password', password);

this.http.post(this.loginUrl, body).map(...);

它目前不适合您的原因是您没有以正确的格式对正文数据进行编码，并且您没有正确设置标题选项。

您需要像这样对主体进行编码：

let body = `username=${username}&password=${password}`;

您需要像这样设置标题选项：

this.http.post(this.loginUrl, body, { headers: headers }).map(...);

对于那些仍在寻找答案的人，这就是我使用 Angular 5 和 HttpClient 解决的方法：

const formData = new FormData();

// append your data
formData.append('myKey1', 'some value 1');
formData.append('myKey1', 'some value 2');
formData.append('myKey3', true);

this.httpClient.post('apiPath', formData);

难道不设置Content-Type头，角将解决您的问题！

这就是 Angular 7 对我有用的方法：

const payload = new HttpParams()
  .set('username', username)
  .set('password', password);

this.http.post(url, payload);

无需使用此方法显式设置标头。

请注意，HttpParams 对象是不可变的。所以做类似下面的事情是行不通的，它会给你一个空的身体：

const payload = new HttpParams();
payload.set('username', username);
payload.set('password', password);

this.http.post(url, payload);

我在这个问题上工作了几个小时后找到了这个解决方案

login(userName: string, password: string) {
const headers = new Headers();
headers.append('Accept', 'application/json');
headers.append('Content-Type', 'application/x-www-form-urlencoded');
headers.append( 'No-Auth', 'True');

const body = new URLSearchParams();
body.set('username', userName);
body.set('password', password);
body.set('grant_type', 'password');

return this.http.post(
    this.baseUrl + '/token'
   , body.toString()
   , { headers: headers }
  )
  .pipe(map(res => res.json()))
  .pipe(map(res => {
    localStorage.setItem('auth_token', res.auth_token);
    return true;
  }))
  .pipe(catchError((error: any) => {
    return Observable.throw(error);
  }));

}