Router Guards может активировать не работающие с API в угловых - PullRequest
Новая
       30

Router Guards может активировать не работающие с API в угловых

1 голос
/ 30 марта 2019

Этот Auth Guard не работает с ответом API.Когда я запускаю код, он всегда возвращает true.но я хочу запустить базу защиты на ответ API.их путь к достижению этого? 

import {Injectable} from '@angular/core';
import {CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router, Route} from '@angular/router';
import {
    HttpClient,
    HttpHeaders
} from '@angular/common/http';
import {Observable} from 'rxjs';

@Injectable()
export class AuthGuard implements CanActivate {

    constructor(private router: Router, private http: HttpClient) {
    }

    canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {

        const sendData = {};
        sendData['id'] = sessionStorage.getItem('id');
        console.log(JSON.stringify(sendData));
        const headers = new HttpHeaders()
            .set('Content-Type', 'application/json')
            .set('token', sessionStorage.getItem('auth') ? sessionStorage.getItem('auth') : 'test');
        this.http.post('http://127.0.0.1:5000/auth',
            JSON.stringify(sendData), {
                headers
            })
            .subscribe(
                (val: any) => {
                },
                response => {

                    this.router.navigate(['/login']);
                },
                () => {
                    console.log('The POST observable is now completed.');
                });

        return true;

    }

}

1 Ответ

0 голосов
/ 30 марта 2019

enter image description here

Проверьте это. Вы вернули истину в конце canActivate authguard. Таким образом, он всегда вернет истину. Вместо этого у вас должно быть это в методе подписки http-запроса на основе вашего состояния. Как то так .. 

this.http.post('http://127.0.0.1:5000/auth',
JSON.stringify(sendData), {
    headers
}).pipe(map(response => {
    //suppose we get isAuthenticated bit in response. Your response obj may vary but logic shall be same
    if (response.isAuthenticated) {
        return true;
    }
    else {
        return false;
    }
}));

Спасибо.

...