Dynamically set Authorization header token

[modbender]

Describe the feature

The access token is often rotated using refresh token mechanism, so whenever this happens is there any way to set token so that I don't have to specify this header every time.

I'm using a port of nextauth.js nuxt-auth so whenever a refresh happens token is set on server side. It would be helpful if there's a function I can call to set something like global state or something for token.

On non server side I was imagining something like useState that would allow me to override access token all over the app.

Additional information

• Would you be willing to help implement this feature?
• Can you think of other implementations of this feature?

Final checks

• Check existing issues.

[mattmess1221]

Could this possibly be resolved via #89?

[modbender]

Possibly? I'm not sure if that fits what I want. I'll test it later.

[bnbc]

Did you find how to do that ?

I have setup this auth page on my Nuxt 3 Project where i try to set my headers dynamically with my token fetch by my request, but the error is : runtimeConfig.apiParty is undefined

So i dont know how to proceed to pass my token to ApiParty.

Have you an idea ?

Thks

<script setup>
definePageMeta({
    layout: 'blank',
})
// On va récupérer le token de l'utilisateur via l'api
// Pour ce faire on récupère le paramètre tmp dans l'url qui est un token temporaire
// On va ensuite faire une requête à l'api pour récupérer le jwt token

const runtimeConfig = useRuntimeConfig()
const yookkanV1Url = runtimeConfig.public.yookkanV1Url

async function getToken() {
    const tmp = new URLSearchParams(window.location.search).get('tmp')
    if (!tmp) {
        return
    }
    const res = await $fetch(`${yookkanV1Url}auth/token-from-v1`, {
        method: 'POST',
        body: { tmp },
    })

    // On configure Nuxt API Party pour qu'il utilise le token récupéré
    runtimeConfig.apiParty.endpoints.yookkanApi.headers = {
        ...runtimeConfig.apiParty.endpoints.yookkanApi.headers,
        Authorization: `Bearer ${res.token}`,
    }
}

getToken()
</script>

[MaikelOrisha]

#89 sounds like the solution for this issue, would love to see the feature merged. Any way how we can help with this @johannschopplich?

[johannschopplich]

Runtime hooks for API request and response handling is now merged thanks to #89 and will be released in a minute!

See the new docs on server-side hooks.