Browser não mostra dados

Boa noite senhores tudo bem. Toda vez que executo o código feito em Angular no VSCode, não mostra os dados criados no phpmyadmin. Estou utilizando no Xampp. Veja o código abaixo:

import { HttpClient } from ‘@angular/common/http’;
import { Injectable } from ‘@angular/core’;
import { map } from ‘rxjs/operators’;
import { Curso } from ‘./curso’;
import { Observable } from ‘rxjs’;

@Injectable({
providedIn: ‘root’
})
export class CursoService {

//URL

url = “http://localhost/api/php/”;

//Vetor
vetor: Curso[] = [];

//Construtor
constructor(private http: HttpClient) { }

//Obter todos os cursos
obterCursos(): Observable<Curso[]> {
return this.http.get<Curso[]>(this.url + “listar”).pipe(
map((res: any) => {
this.vetor = res[‘cursos’]; // Use a chave correta aqui
return this.vetor;
})
);
}

Se precisarem de mais informações favor retornar.

Aguardo retorno,

Muito obrigado

2024-10-28T03:00:00Z