Entonces, básicamente estoy tratando de interceptar la solicitud de HTML-Image-Tag, para poder agregar mi encabezado de autorización. Estoy tratando de hacer esto con Vue.js 3. Ya intenté usar un ServiceWorker para hacerlo, pero esto no funcionó como se esperaba. Las URL llamadas desde la fuente HTML-Image-Tag se redirigirán a una imagen en la nube. Puedo interceptar la solicitud, pero no puedo redirigir a la URL de destino. También sigo recibiendo errores de autorización.

Aquí está mi código:

 // imageInterceptor.js (in root folder) self.addEventListener('fetch', (event) => { console.log(event) const newRequest = new Request(event.request, { headers: { Authorization: 'Bearer __My-Token__', }, }) return fetch(newRequest) }) // Registration in main.ts await navigator.serviceWorker.register('/imageInterceptor.js')