Angular HTTPClient POST 正文未发送

Question

目前我正在尝试将名称、电子邮件和消息从 Angular 前端发布到在同一 nginx 服务器中运行的 php 脚本，然后运行 ​​phpmailer 以发送包含名称、电子邮件和消息的电子邮件。到目前为止的代码如下：

import { Component, OnInit } from '@angular/core';
import { Email } from './email';
import {ContactService} from './contact.service';
import {HttpClient, HttpHeaders} from '@angular/common/http';
import {NgForm} from '@angular/forms';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/x-www-form-urlencoded'
  })
};

const email = new Email('', '', '');

@Component({
  selector: 'app-contact',
  templateUrl: './contact.component.html',
  styleUrls: ['./contact.component.css'],
  providers: [ContactService]
})
export class ContactComponent implements OnInit {

  email = new Email('', '', '');

  constructor(private http: HttpClient) { }

  sendEmail(form: NgForm) {
    const value = form.value;
    const senderName = value.name;
    const senderEmail = value.email;
    const senderMessage = value.message;
    this.sendMail(senderName, senderEmail, senderMessage);
  }

  sendMail(senderName, senderEmail, senderMessage) {
    console.log(senderName + ' ' + senderEmail + ' ' + senderMessage);
    this.http.post('https://ruffstuffcostumes.tk/assets/scripts/email.php',
      {
        name: senderName,
        email: senderEmail,
        message: senderMessage,
      },
      httpOptions
      )
      .subscribe(
        (val) => {
          console.log('POST call successful value returned in body',
            val);
        },
        response => {
          console.log('POST call in error', response);
        },
        () => {
          console.log('The POST observable is now completed.');
        });
  }

  ngOnInit() {
  }

}

当我通过邮递员运行 POST 请求来检查它时，它运行得非常好并发送了包含所需元素的电子邮件，但是当我使用此脚本执行查询时，即使 console.log(senderName + ' ' + senderEmail + ' ' + senderMessage) 确实显示了值，它似乎根本没有将它们发布在正文中，而我得到的只是这样一个事实，即使发送了一封邮件，邮件正文中也没有任何这些值。

可能是跨域问题（如果是的话，最好的解决方法是什么？），还是我只是犯了一些愚蠢的错误？

Answer 1

只是为了完整性。我通过切换到发送 JSON 数据并在 php 端解析它解决了这个问题