Refresh token redirects to the initial state url

I am using this code (with Code Flow) to be redirected to the initially used url by which the app was called.

constructor(private oauthService: OAuthService, private router: Router) {
    this.oauthService.configure(authConfig);
    this.oauthService.setupAutomaticSilentRefresh();

    this.oauthService.events.subscribe(e => {
      if (e.type === 'token_received') {
        if (this.oauthService.state && this.oauthService.state !== 'undefined' && this.oauthService.state !== 'null') {
          let stateUrl = this.oauthService.state;
          if (stateUrl.startsWith('/') === false) {
            stateUrl = decodeURIComponent(stateUrl);
          }
          this.router.navigateByUrl(stateUrl);
        }
      }
    });
}

For this case the code works as expected.
But the token refresh also uses this code and because of this the user is always redirected to the initially used url and stays not on the current url. Is there any mistake with my intention or configuration?

[DominicSachs]

Thanks. Pefect. Works as expected.

[jeroenheijmans]

Ah yes oh I now see you already had it in your original post, the culprit is at:

if (e.type === 'token_received') {

I was confused for a moment, because otherwise your code seems to come straight from my example implementation which does not do it on token_received but only on application bootstrap.

You then basically have two options:

• do the redirect not on the event, but like in my sample, only on initial load
• have some kind of state in your service to keep track of whether the code for redirection should load

Basically both come down to “if you dont want to run the code on token_received, then don’t do it”; I don’t think there’s any other way.