I’m prototyping a Vue 3 application that will be deployed to a Kubernetes environment the web traffic that reaches the web app contains the JWT in the request headers. Authn and authz are handled outside of the app, a layer above, as I like to think of it.

Prior to this Vue 3 app, I was using Flask 3 and was easily able to inspect every request’s headers and inspect the JWT and decide if users had access, etc. My problem is that I cannot find a way to inspect the incoming requests in Vue 3. My Vue 3 app is using vue-router.

I tried using the vue-router “beforeEach” mechanism but cannot find a way to view the request details.

Is there a way I can view JWT info that is in request headers in my Vue 3 app?