Проблема с использованием API laravel 5.8 в Angular8

Question

Я разработал свой собственный API в laravel 5.8 и использую его в Angular8.

мой API Работает нормально, когда я использую его с Postman, но проблема возникает, когда я использую его в angular8. я получаю нулевой ответ от laravel api, если я нажимаю этот URL из браузера, то я получаю данные json, но не могу войти в angular8. и в консоли нет ошибки.

это мой сервисный код

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


@Injectable({
  providedIn: 'root'
})
export class DataService {
  public url = 'http://archimate360.localhost/api/products';

  constructor(private http:HttpClient) { }
  getProducts(){
    return this.http.get(this.url);
  }
  getProductDetails(id){
    return this.http.get(this.url + 'products?id=' + id);
  }
  createProduct(data){
    return this.http.post(this.url + 'products',data);
  }
  updateProduct(data){
    return this.http.post(this.url + 'products' , data);
  }
  deleteProduct(id){
    return this.http.get(this.url + 'products?id='  + id);
  }
}

Answer 1

Альтернативное решение -

getProducts(): any {
    return this.http
        .get(this.API_URL + '/product')
        .map((res: Response) => {
            return res;
        })
        .catch(this.handleError);
}

Answer 2

Вы создали промежуточное программное обеспечение Cors: App \ Http \ Middleware \ Cors.php? если нет, попробуйте 1

Если вы добавили промежуточное программное обеспечение CORS, попробуйте этот код в файле .ts . Если вы получаете какие-либо данные, они будут отображаться на консоли, а если вы столкнетесь с какой-либо ошибкой, они также будут отображаться на консоли, что поможет нам распознать ошибку

constructor(
private dataService: DataService
){ }


ngOnInit() {
    this.dataService.getProducts().subscribe(
      data => {
       console.log(data)
      },
      error => {
      console.log(error)
      }
    );
  }