Опубликовать данные в API почтальона, используя angular

Question

Я публикую данные, но они выдают ошибку HttpErrorResponse {заголовки: HttpHeaders, статус: 0, statusText: «Неизвестная ошибка», url: «http://dradiobeats.x10host.com//api/areas/», ok: false,…} Также это выдает ошибку cors

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from "@angular/forms";
import { HttpClient } from '@angular/common/http';


@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})

export class FileUploadComponent implements OnInit {
  form: FormGroup;

  constructor(
    public fb: FormBuilder,
    private http: HttpClient
  ) {
    this.form = this.fb.group({
      id: [''],

    })
  }

  ngOnInit() { }


  submitForm() {
    var data: any = {id: this.form.get('id').value}
    this.http.post('http://dradiobeats.x10host.com//api/areas/', data).subscribe(
      (response) => console.log(response),
      (error) => console.log(error)
    )
  }

}

file-upload.component. html

<div class="container">
    <form [formGroup]="form" (ngSubmit)="submitForm()">
    

        <div class="form-group input-group-lg">
            <input class="form-control" placeholder="id.." formControlName="id">
        </div>

        <div class="form-group">
            <button class="btn btn-danger btn-block btn-lg">Create</button>
        </div>
    </form>
</div>

Как я могу опубликовать данные в моем API почтальона