Tengo un sitio Vue3 diseñado para contener tableros de cuadros incrustados. Cuando un usuario hace clic en un enlace en la página del menú, se abre una página que es básicamente un caparazón vacío. Con los accesorios del enlace, busco un token de cuadro, construyo la llamada a la API y completo un div con la respuesta. Desde hace una semana, el sitio está haciendo algo nuevo y está sucediendo lo mismo en Chrome, Firefox y Safari.

Esto es lo que sucede ahora: el usuario hace clic en un enlace de menú, se abre una página de marco con el informe solicitado. Si regresan al menú y hacen clic en el enlace nuevo, la página del marco se vuelve a abrir e inmediatamente la página activa la llamada API de la visita anterior . (No hay nada en la tienda o cookies que guarde la URL que la página crea sobre la marcha, por lo que ni siquiera estoy seguro de dónde obtiene el navegador la URL completa para esa llamada). Dado que los tokens de Tableau caducan en segundos, este re/call falla -- mientras tanto, la página continúa, construyendo la nueva (correcta) url+token y recuperando el tablero solicitado.

Entonces, en el div incrustado, ahora hay un tablero que informa un error porque el token expiró, y si el usuario se desplaza más allá de eso, verá un segundo tablero en el div, y este es el que realmente solicitó.

Además de todo eso, esta llamada de API fantasma no cambia. Si la primera llamada fue para informeA y el usuario deja y regresa para informeB, la página de marco llama informeA en la parte superior. Si el usuario sale y regresa ahora y solicita el informe C, la página de marco aún llama al informe A en la parte superior, y seguirá haciéndolo incluso si el usuario vuelve a visitar con una solicitud de informe A. La única forma de borrarlo es actualizando la página (y luego comienza de nuevo).

Por ahora, estoy manejando el problema así:

 created() { if (this.$cookie.getCookie('redo')) { console.log('B) remove cookie'); this.$cookie.removeCookie('redo'); } else { console.log('A) set cookie'); this.$cookie.setCookie('redo', true); location.reload(); }

Lo cual es menos una solución y más un truco desafortunado para tapar la presa mientras averiguo de dónde vino toda el agua. Lo que es especialmente extraño es que cuando hice una copia de seguridad de un compromiso antes de que apareciera el problema por primera vez, el sitio todavía hace la llamada fantasma. He roto muchos sitios de muchas maneras locas en mis años, pero nunca me he encontrado con un caso como este, y no tengo la primera idea de cómo resolverlo, porque no tengo la primera idea de lo que lo está causando.

Cualquier y toda ayuda es muy apreciada. /se rasga el pelo