Question

我正在使用.net核心后端构建angular2应用程序。如果用户未通过'/ app'路由验证，我有一个阻止用户导航的应用程序防护。如果我在用户登录后通过路由器导航到'/ app'路由它工作正常，但如果我在地址栏中输入'/ app'它告诉我localStorage没有定义。

这是我的认证：

import { Injectable } from '@angular/core';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';

@Injectable()
export class AuthGuard implements CanActivate {

    constructor(private router: Router) { }

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {

        if (localStorage.getItem('currentUser')) {
            // logged in so return true
            return true;
        }

        // not logged in so redirect to login page with the return url

        this.router.navigate(['/login'], { queryParams: { returnUrl: state.url } });
        return false;
    }
}

Answer 1

我通过在输入方法之前添加isBrowser检查来解决这个问题。原来我正在使用的示例项目在服务器上预渲染了html。

Local2torage未在angular2服务中定义

1 个答案: