javascript - angular 2 检查 localStorage 重定向

Question

当用户强制转到/dashboard 之类的链接时尝试重定向用户，它应该检查 localStorage 是否为空基本上返回主页。

如果不在函数中，似乎无法执行 var checkStorage，我会执行一个函数，但不确定如何自动启动它。

猜测初始化一个函数是ngOnInit，类似于angular 1中的init(){}？

export class DashboardComponent {
    constructor(private router: Router) {}
    
    var checkStorage = localStorage.getItem('username');
    if(checkStorage = null) {
        this.router.navigate(['/']);
    }

    logoutAction (){
        if(localStorage.getItem('username') != null){
            localStorage.removeItem('username');
            this.router.navigate(['/']);
        } 
    }
}

我找到了答案，但如果有更好的方法请分享。

ngOnInit () {
        this.checkStorage();
    }
    
    checkStorage() {
        var checkStorage = localStorage.getItem('username');
        if(!checkStorage) {
            this.router.navigate(['']);
        }
    }

Answer 1

如果你想在登录之前阻止访问，Angular 的方式是这样说的:

Let the backend works for us.

我不确定你为此使用什么后端，但我记得当我还是一名 PHP 开发人员时，我们在 CodeIgniter Framework 中有一个函数可以在没有 cookie 时重定向。

如果你想使用 Angular 2 来限制它(还没有用于生产，记住!)，你的代码看起来不错，但我发现了一个错误:

var checkStorage = localStorage.getItem('username');
if(checkStorage == null) {
    this.router.navigate(['/']);
}

使用 double 比较。

如果你想在 init 上执行它，我想这可以帮助你。

Converting Angular 1 to Angular 2 ngInit function

祝你好运，编码愉快!