页面导航时已清除角度php jwt标记

页面导航时已清除角度php jwt标记,php,angular,typescript,php-jwt,Php,Angular,Typescript,Php Jwt,我的应用程序有问题,我在angular 9应用程序中使用了php jwt JSON Web令牌身份验证,当我登录后没有重定向到成功页面时,令牌工作正常。登录后重定向到仪表板时,将设置令牌并立即从本地存储中删除。即使重定向到新页面,我如何允许令牌?我们将非常感谢您的帮助 我的auth.service.ts文件 // Sign-in signIn(user: Usermodule) { return this.http .post<any>(`${this.en

我的应用程序有问题,我在angular 9应用程序中使用了php jwt JSON Web令牌身份验证,当我登录后没有重定向到成功页面时,令牌工作正常。登录后重定向到仪表板时,将设置令牌并立即从本地存储中删除。即使重定向到新页面,我如何允许令牌?我们将非常感谢您的帮助

我的auth.service.ts文件

 // Sign-in
  signIn(user: Usermodule) {
    return this.http
      .post<any>(`${this.endpoint}/signin.php`, user)
      .subscribe((res: any) => {
        localStorage.setItem('ACCESS_TOKEN', res.jwt);
        this.getUserProfile(res.id).subscribe((res) => {
          
             this.router.navigate(['app/dashboard']);
         
         
        });

      });
  }

  // User profile
  getUserProfile(id): Observable<any> {
    let api = `${this.endpoint}/user_profile.php`;
    return this.http.get(api, { headers: this.headers }).pipe(
      map((res: Response) => {
        return res || {};
      }),
      catchError(this.handleError)
    );
  }
一旦我注释掉//this.router.navigate(['app/dashboard']);令牌保留在本地存储中,没有被杀死,当我手动键入地址时,我甚至可以访问受限区域


这是否回答了您的问题否则需要查看一些代码。@ficuscr No.不适合我。谢谢你的回复。还需要更多的信息。。。重定向对协议或URI有任何更改吗?它是真的被删除了还是持久性有问题?@ficuscr我刚刚编辑了这个问题,是的,它会在页面重定向时被添加然后删除。我很想看看你重定向到的URL。同一个港口?看看安德烈·道尔的回答。这回答了你的问题吗否则需要查看一些代码。@ficuscr No.不适合我。谢谢你的回复。还需要更多的信息。。。重定向对协议或URI有任何更改吗?它是真的被删除了还是持久性有问题?@ficuscr我刚刚编辑了这个问题,是的,它会在页面重定向时被添加然后删除。我很想看看你重定向到的URL。同一个港口?看看安德烈·道尔的答案。
export class AuthInterceptor implements HttpInterceptor {
  constructor(private authService: AuthService) {}

  intercept(request: HttpRequest<any>, next: HttpHandler) {
    const access_Token = this.authService.getToken();

    request = request.clone({
        setHeaders: {
          Authorization: 'Bearer ' + access_Token,
        },
      });
  

    return next.handle(request);
  }
}
   JwtModule.forRoot({
      config: {
        tokenGetter: () => {
          return localStorage.getItem('ACCESS_TOKEN');
        }
        // whitelistedDomains: ['localhost'],
        // blacklistedRoutes: ['localhost/auth/login']
      }
    })
  ],
  providers: [
    AuthService,
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi:true}
  ],
  bootstrap: [AppComponent]