When I leave my app Idle, and return to it after a long wait, instead of being redirected to the loing page, I'm getting a 400 error

Questions
,
1

When I leave my okta-vue v3 Vue app Idle, and return to it after a long wait, instead of being redirected to the login page, I’m getting a 400 error.

If I redirect to the the root url manually , everything is happy, but why isn’t the token expiration being detected by okta-vue and redirecting me to login automatically.

my okta is set up like this
const oktaAuth = new OktaAuth({
issuer: process.env.VUE_APP_issuer,
clientId: process.env.VUE_APP_client_id,
redirectUri: ${window.location.origin}/callback,
scopes: [‘openid’, ‘profile’, ‘email’],
}) // tokenManager: { storage: ‘sessionStorage’ },

Is there something I need to add??

pastedImage
pastedImage914×1362 81.4 KB

2

That error points to a redirectUri being passed that is not whitelisted in your app settings. Is it possible that your dynamic value ${window.location.origin}/callback could be causing an issue? Can you try hard coding the callback URL as the URL used in your initial OIDC flow and see if that fixes the issue?