Angular9 使用 HttpClient 通过表单数据将数据发布到 API

问题描述

我正在使用 Angular9，我想通过 HttpClient 的表单数据将数据发布到 API

const headers = new HttpHeaders({
    'Content-type': 'application/x-www-form-urlencoded; charset=utf-8' 
});

let data: FormData = new FormData();
data.append('userName',this.loginData.userName); 
data.append('password',this.loginData.password);

this.http.post(url,data,{headers: headers});

请求会是这样的：

但我希望是这样的：

我该怎么做？

解决方法

我会把代码改成简单的

this.http.post<any>(url,this.loginData);

注意事项：

1. 出于安全考虑，我已将 get 更改为 post
2. 我已使用 any 对 <any> 的响应进行了类型转换
3. 我已经删除了标题，angular 会为我添加合适的标题