Устранение ошибки 404 при подключении к API

Question

Я создаю веб-приложение с Angular 6, я хотел бы подключить его к базе данных. Поэтому я использовал wamp: mysql и PHP, и это то, что мой API возвращает по этому адресу http://localhost/tests/getAll.php:

Я пытаюсь подключиться к нему из своего приложения:

    constructor(private http: HttpClient) {}

private log(log: string){
    console.info(log);
}

private handleError<T>(operation = 'operation', result?: T) {
    return (error: any): Observable<T> => {
        console.error(error);
        console.log(`${operation} failed: ${error.message}`);

        return of(result as T);
    };
}

getlisteUsers(): user{
    console.info('yess2')
    let data;
     this.http.get("http://localhost/tests/getAll.php").pipe(
        tap(_=> this.log(`chargement de la liste réussit`)),
        catchError(this.handleError(`getlisteMotAApprendre`, [])))
    .subscribe(res => data = res);
    return data
}

Когда я вызываю эту функцию У меня есть эта ошибка:

заранее благодарю за помощь

Answer 1

Кажется, что angular не может добраться до этого файла Попробуйте указать локальный сервер xampp или wamp-порт в api url, а затем попробуйте. как это.

getlisteUsers(): user{
    console.info('yess2')
    let data;
     this.http.get("http://localhost:8080/tests/getAll.php").pipe(
        tap(_=> this.log(`chargement de la liste réussit`)),
        catchError(this.handleError(`getlisteMotAApprendre`, [])))
    .subscribe(res => data = res);
    return data
}