Tengo problemas con la función Vue 3 router.push(). Estoy tratando de iniciar sesión como usuario, o en realidad cancelar el inicio de sesión. La idea es que el usuario sea redirigido a otra página y esta página devuelva el token oAuth para su verificación. Por lo tanto, en cualquier caso, la página de inicio de sesión de un tercero redirigirá a mi sitio web y devolverá un código de autenticación o un error. Y si el cliente ha iniciado sesión, lo redirigirá a mi sitio web, y si no, debe devolverlo a la página de inicio de mi sitio web, pero esto no funciona como se esperaba.

Así que aquí está mi gancho

 onBeforeMount(async () => { await ExecuteLoginRequest(props.pre_auth_code) .catch(reason => { error.value = reason; if(!props.pre_auth_code && router.currentRoute.value.query.error === 'canceled_by_user'){ router.push({ name: "home.index"}) return true; } throw new Error(reason) }).then(async (value) => { return value; }) .then(value => { resumeUser(); return value; }) })

Y el problema es que router.push no está redirigiendo a la página de inicio, en realidad está redirigiendo al usuario a la página de inicio de sesión, y no sé cómo está obteniendo esta URL, porque mi URL es localhost en realidad.

Como error tengo:

Error no controlado durante la ejecución del enlace beforeMount en <ComponentNameHere pre_auth_code=false state=false onVnodeUnmounted=fn ... > at at at

¿Qué estoy haciendo mal aquí?