App stuck on initial load after token times out #72
Description
I'm submitting a:
- Bug report
- Feature request
- Other (Describe below)
Current behavior
I've noticed that whenever I navigate to my app after ~30 minutes, it will perform the authorization and token calls when entering but doesn't seem to trigger some sort or refresh. The URL is accurate but the page component is not rendered. If I refresh the page, everything works fine. All of my pages have requiredAuth: true. Note: this doesn't have to do with the redirectUri as the app loads fine when it goes to Okta for login. It seems like it has to do with using cached information and performing some sort of auth check.
Expected behavior
When first entering my site it should authorize if need be and render the page component.
Minimal reproduction of the problem with instructions
Here is my OktaAuth setup:
export default new OktaAuth({
issuer: window.env.OKTA_ISSUER,
clientId: window.env.OKTA_CLIENT_ID,
redirectUri: window.location.origin + '/implicit/callback',
scopes: ['openid', 'profile', 'email', 'groups'],
pkce: true,
});This is how my routes are set up:
{
path: '/',
name: 'Home',
component: () => import(/* webpackChunkName: "home" */ '../components/Home.vue'),
meta: {
requiresAuth: true,
},
},and I use the navigation guard as well:
router.beforeEach(navigationGuard);This is how my network calls look when the bug occurs:
After reloading the page no authorize or token calls happen and my app loads fine.
Environment
- Package version: 5.0.1
- Vue version: 3.2.1
- Browser: Chrome
- OS: MacoS
- Node version (
node -v): Not running locally - Other: @okta/okta-auth-js 5.3.0