方法中的Http.post和Ionic Framework問題

Question

我正在使用 Ionic Framework Version 3.19.1 開發一個應用程序，我正在通過 post 發出請求，URL 數據和必要的參數信息都可以，但是，它返回一個我無法解決的錯誤，我嘗試了很多方式，導入到項目中，但沒有成功。 下面是我的帖子功能。

const req = this.http.post(url, {      
      options: {
        headers:[header],
        params:[postData]
      }
    }).subscribe(
      res => {
        console.log(res);
      },
      err => {
        console.log('Ocorreu um erro');
      }
    )

以下是我在 .ts 文件（TypeScript）中的導入

import { Component } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { IonicPage, NavController, ToastController } from 'ionic-angular';
import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { IonicStorageModule } from '@ionic/storage';

import { User } from '../../providers/providers';
import { MainPage } from '../pages';

好吧，正如我所說，我正在執行發布請求，並且在控制台上，它返回一個 OPTIONS 500（內部服務器錯誤）

Failed to load (URL): Response to preflight request does not pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http: // localhost: 8100' is therefore not allowed access. The response had HTTP status code 500.

據我所知，正在報告有關標題的問題，但我已經通知了正確的問題並讓請求保持打開狀態，但它仍然不起作用，下面是我的標題。

const header = new HttpHeaders();
    header.set('Access-Control-Allow-Origin', '*');
    header.set('Content-type', 'application/json');

Answer 1

更改常量請求

return new Promise((resolve, reject) => {

        this.http.post(url, postData,
          {headers: this.header})
          .subscribe(
            data => {
              console.log('success');
              resolve(data);
            },
            err => {
              reject(err);
              console.log(err);}
          );
    });