连接到API时解决错误404

Question

我正在创建一个角度为6的Web应用程序，我想将它连接到数据库。所以我使用了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无法访问此文件尝试在api url中指定本地服务器xampp或wamp端口然后尝试。像这样。

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
}