ionic post 请求被 cors 阻止，而 postman 工作正常 Ionic 4

Question

我将 ionic 4 与 angular 7 一起使用。有一个 post 请求不断触发以下错误，但是当我在 Postman 中测试这个 post 请求时它工作正常：

对“https://examplecode/backend/' from origin 'http://localhost”处的 XMLHttpRequest 的访问已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否 'Access-Control-Allow-Origin' header 出现在请求的资源上。

我的post请求：

import { HttpClient, HttpHeaders } from '@angular/common/http';
...
  sendCodeToServer(data) {
    this.http.post(endpoindURL, data, {
      headers: new HttpHeaders({
        'Content-Type': 'application/json'
      })
    }).toPromise().then(
      (data) => {
        console.log(data);
      }).catch((err) => {
        console.log(err);
      });

我要发送的只是这个 { "id" : 1111111 }。正如我所说，它在 Postman 上运行良好，但在我的应用程序中，我不断收到错误消息。服务器已经有一些措施所以不会发生这种情况

if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

  if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
      header("Access-Control-Allow-Methods: POST");         

  if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
      header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
}

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Headers: *");

不确定如何修复它，服务器似乎很好，请求似乎也很好，并且在 postman 中也能工作，只是在移动应用程序上永远不能工作。

Answer 1

我在 PHP 中的 headers，我已将其与 Ionic 一起使用。希望这有帮助。

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: *');
header('Access-Control-Allow-Headers: Content-Type');
header('Content-Type: application/json');

ionic post 请求被 cors 阻止，而 postman 工作正常 Ionic 4

ionic post request blocked by cors while postman works fine Ionic 4

cors

angular

ionic4