aurelia-authentication | Authentication plugin for aurelia | Authentication library

Here are a few things you can try:

• Chain the promises (make sure the navigation is done before you tell aurelia to switch the root)

So after spending more time on this I was able to track the issue down and find a solution.

The solution was to change the aurelia-authentication authConfig postLogoutRedirectUri value to just the root page (http://localhost:8080). Additionally, I needed to define that URI under the PostLogoutRedirectUris within my IdentityServer4 Client definition.

logoutResponse was then coming through correctly with a property named state property that holds the correct value and permits the redirect successfully.

If you're using pushState you should add in head tag a base tag in your index.html or starting document. See it here for more configuration. It would look something like this

I haven't used the aurelia-authentication plugin, but I can help with a basic technique you can use that makes this very easy. In your main.js file, set the root of your app to a "login" component. Within the login component, when the user has successfully authenticated, set the root of your app to a "shell" component (or any component you choose) that has a router view and configure the router in its view-model. Once this happens, the router will take the user to the proper component based on the url. If the user logs out, just set the app root back to the "login" component.

Here's some cursory code to attempt to convey the idea. I assume you're using the SpoonX plugin, but that's not really necessary. Just as long as you reset the root of your app when the user authenticates, it will work.

In main.js

The documentation for the CLI says to add a NPM script that you can run to update then all to the latest version:

https://github.com/aurelia/framework/blob/master/doc/article/en-US/the-aurelia-cli.md#updating-multiple-libraries.

Which would mean adding something like this to your package.json scripts section: