我真的是個菜鳥。我編寫了一個守衛服務，以便只有授權（登錄）的用戶才能訪問特定組件。我在后端使用 asp.net，我在服務器端有一個 api 來返回授權狀態，該方法是異步的。問題是有時 api 響應在調用 canActivate 方法后到達，因此盡管用戶已獲得授權，但該方法返回 false。@Injectable()export class AuthenticationGuardService implements CanActivate { isSignedIn: boolean = false; result: Object; constructor(private router: Router,private http: HttpClient, @Inject('BASE_URL') private url: string) { this.http.get(this.url + 'api/Authentication/UserInfo').subscribe( result => { if (result != null) { this.isSignedIn = true; } } ) } canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { if (!this.isSignedIn) { this.router.navigate(['sign-in']); } return this.isSignedIn; }} public async Task<IActionResult> UserInfo() { var user = await userManager.GetUserAsync(HttpContext.User); if (user == null) { return null; } return Json(new { email = user.Email, name = user.FirstName, family = user.LastName }); }
3 回答
莫回無
TA貢獻1865條經驗 獲得超7個贊
canActivate 接受布爾值或可觀察的布爾值，避免訂閱試試這個
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable<boolean>{
return this.http.get(this.url + 'api/Authentication/UserInfo').pipe(map(
(result) => {
if (result != null) {
return true;
} else {
this.router.navigate(['sign-in']);
return false;
}
}
));
}
不負相思意
TA貢獻1777條經驗 獲得超10個贊
isSignedIn這里的問題是 API 調用和變量評估之間存在競爭條件。我們可以解決這個問題。
如果您查看 Guard 的文檔，CanActivate您會發現 anObservable<boolean>是可能的返回類型之一。因此，刪除HTTP構造函數中的代碼，將您的方法返回類型更改為，而不是像您所做Observable<boolean>的那樣返回變量，執行以下操作：isSignedIn
如果您的 API 調用直接返回一個布爾值：
return this.http.get(this.url + 'api/Authentication/UserInfo');
如果由于某種原因您的 API 沒有直接返回布爾值：
return this.http .get(this.url + 'api/Authentication/UserInfo') .pipe(result => !!result);
通過返回一個Observable<boolean>back，我們告訴 Angular 我們將在某個時候返回一個布爾值，但我們只是不知道確切的時間。所以在這種情況下，它會等到解決后再繼續。
- 3 回答
- 0 關注
- 125 瀏覽
添加回答
舉報
0/150
提交
取消