Angular 标题属性问题

我有一个功能，当用户提交表单时发送电子邮件

sendEmail() {

   let url = `the url placeholder`
   let params: URLSearchParams = new URLSearchParams();
   let headers = new Headers({'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });
   let message = this.firstName + " " + this.lastName + " has submitted the following form: " + this.cons.name;

   params.set('to', 'email placeholder');
   params.set('from', 'email placeholder');
   params.set('subject', 'A user has submitted a form');
   params.set('content', message);

   return this.http.post(url, params, headers)
                   .toPromise()
                   .then( res => {
                     console.log(res)
                   })
                   .catch(err => {
                     console.log(err)
                   })

 }

我得到以下错误

ERROR in src/app/ownership-cost/ownership-form.component.ts(281,39): error TS2559: Type 'Headers' has no properties in common with type 'RequestOptionsArgs'.

我最近将angular应用程序从4.1.3升级到5.2.0，所以我不确定这是否是问题的原因

---

我能做些什么来解决这个问题呢？

你试过了吗：

返回这个.http.post（url，参数，{headers}）

确实有效，但是为什么需要花括号呢？它需要是一个属性为

headers

的对象

{headers}

只是

{headers:headers}

的语法糖，顺便说一句，你不需要在你的angular应用程序中包含

Access Control Allow Origin

标题；这是服务器端的问题。如果未使用“访问控制允许标头”公开该标头，则包含它可能会导致CORS问题`