Angular 8-如何在回调路由中从url获取数据

Question

如何从keycloak服务器获取access_token到我的授权组件。授权url如下所示：

http://localhost:8081/auth/realms/external/protocol/openid-connect/auth？client_id=myapp&redirect_uri=http%3a%2f%2flocalhost%3a4200%2fauth&response_type=token&scope=openid&nonce=test123

import { Component, OnInit } from '@angular/core';
import {ActivatedRoute} from '@angular/router';

@Component({
selector: 'app-auth',
templateUrl: './auth.component.html',
styleUrls: ['./auth.component.scss']
})
export class AuthComponent implements OnInit {

constructor(private route: ActivatedRoute) { }

ngOnInit() {
    console.log(this.route.snapshot);
    console.log(this.route.snapshot);
}

}

http://localhost:4200/auth#access_token=qwerty123&session_time=123456789

我的问题是，如何让它工作，以及获得access_token。

Answer 1

以下内容应该起作用

 this.route.queryParams.subscribe(params => {
      const accesToken = this.route.snapshot.fragment
        .split("&")[0]
        .replace("/", "")
        .split("=")[1];
    });