Что-то добавляет грязный код в мой пост http angular / ionic

Question

Я разрабатываю API REST для Symfony 4 и приложение для Ionic.

Я просто тестирую некоторые методы из своего API через Ionic App, я вижу, что что-то добавлено к моему URL

Ошибка, которую я получаю, следующая:

Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://127.0.0.1:8000/api/v1/clock/in", ok: false, name: "HttpErrorResponse", message: "Http failure response for http://127.0.0.1:8000/api/v1/clock/in: 0 Unknown Error", error: error }
clock-service.service.ts:23:8

Как видите, URL-адрес, который я передаю, равен http://127.0.0.1:8000/api/v1/clock/in, но ответ, который я получаю, - это Http-ошибка при http://127.0.0.1:8000/api/v1/clock/in:,, очевидно, что URL http://127.0.0.1:8000/api/v1/clock/in: возвращает ошибку 404.

Что-то не так в моем коде?

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { RequestOptions } from '@angular/http';

@Injectable({
  providedIn: 'root'
})
export class ClockService {

  constructor(public httpClient: HttpClient) {
  }



setClock() {
    let headers = new Headers();
    headers.append('Accept', 'application/json');
    headers.append('Bearer', 'the_bearer_here' );
    const requestOptions = new RequestOptions({ headers: headers });

    this.httpClient.post('http://127.0.0.1:8000/api/v1/clock/in', requestOptions)
      .subscribe(data => {
        console.log(data['body']);
       }, error => {
        console.log(error);
      });
  }
}

Answer 1

Проблема была связана с CORS в моем API, это была моя ошибка.

Спасибо за ваше время.

Финальный угловой код:

    import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import {RequestOptions, Request, RequestMethod} from '@angular/http';

@Injectable({
  providedIn: 'root'
})
export class ClockService {

  constructor(public http: HttpClient) {
  }

  setClock() {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Authorization': 'Bearer the_bearer_code'
      })
    };
    this.http.get('http://127.0.0.1:8000/api/v1/clock/in', httpOptions)
    .subscribe(data => {
    console.log(data['body']);
});
  }
}