gpt4 book ai didi

angular - 在 Angular Interceptors 中获取当前路线

转载 作者:行者123 更新时间:2023-12-03 14:43:00 28 4
gpt4 key购买 nike

我想知道是否有办法在 Angular 的 HttpInterceptor 中检索当前路由。我正在使用来自不同路由的相同拦截器,但我需要检查是否正在从特定路由使用拦截器。如果是这样,我想在执行之前向后端请求添加一个特定的 header 。
好像是路线 , 路由器 , 激活路由 激活路由快照 不为此工作。
我正在使用 windows.location 目前作为临时解决方案,但想知道在 HttpRequest 拦截器中执行此操作的正确方法是什么。
我目前的代码:

@Injectable()
export class APIClientInterceptor implements HttpInterceptor {
constructor() {
}

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

// Check if the call is done from the embed route.
if (currentLocation.includes('/embed/')) {

// Get the hash ID.
const sIndex = currentLocation.lastIndexOf('/') + 1;
const sLength = currentLocation.length - sIndex;
const embedHash = currentLocation.substr(sIndex, sLength);
console.log(embedHash);

// Add the header to tell the backend to use client credential flow for this call.
request = request.clone({
setHeaders: {
...
}
});
}

// In all other cases, just pass the original request.
return next.handle(request);
}
}
工作示例:
import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Observable } from 'rxjs';

@Injectable()
export class TestInterceptor implements HttpInterceptor {
constructor(private router: Router) {}

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
console.log(this.router.routerState.snapshot);
return next.handle(request);
}
}

最佳答案

最好的方法是通过路由器对象来做到这一点:

constructor(private router: Router) {
console.log(this.router.routerState.snapshot);
}

抱歉回答晚了,但我发现了同样的问题,并努力寻找最佳解决方案。所以我把它贴在这里以供引用。

关于angular - 在 Angular Interceptors 中获取当前路线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58878149/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com