26、Aurelia框架：认证与动态组合的实现

Aurelia框架：认证与动态组合的实现

1. 认证与导航栏过滤

在应用程序开发中，用户认证和授权是非常重要的安全措施。为了确保用户只能访问他们有权限的路由，我们可以通过路由拦截和导航栏过滤来实现。

1.1 导航栏过滤功能概述

导航栏过滤主要有以下几个目标：
- 用户只能看到与其角色相关的菜单选项。
- 用户可以看到他们登录时使用的用户名。
- 用户可以退出当前会话。

1.2 修改认证服务

首先，我们需要修改认证服务（ auth-service.js ）以支持从令牌中检索当前用户。以下是修改后的代码：

import {HttpClient, json} from 'aurelia-fetch-client';
import {inject} from 'aurelia-framework';
@inject(HttpClient)
export class AuthService{
    constructor(http){
        this.http = http;
    }
    isLoggedIn(){                   
        let token = this.getToken();
        if(token) return true;
        return false;
    }
    getToken(){
        return window.localStorage.getItem("token");