Angular 7 - not getting into callback after GET

Question

I am just starting getting into Angular 7. I am trying to place a call to an API that resides on another domain. For that I have added all the needed headers to the API's response. Seems like I am not getting CORS error anymore. But I also dont get into results of my call. Here is some relative code: API:

    getUser() {
        return this.http.get<User[]>('http://localhost:98/user/settings/getuser');
    }

API call:

    test() {
        this.userService.getUser().pipe(first()).subscribe(users => {
            console.log(users);
        });
    }

I am not getting to this code: console.log(users); The Console shows: ERROR OK

Please help. Thanks

Answer 1

Actually, you only need to subscribe to the method in order to get a response. There's no need to pipe it.

test() {
    this.userService.getUser().subscribe(
    (response) => {
        console.log(response);
    }, 
    (error) => {
        console.log(error);
   });
}

This way you'll be able to see whether there's a CORS error or not in the console. Also, it's usually good to have an error handler in RxJS subscriptions, you might want to catch some errors when your codebase gets bigger.