How to use Session in Nuxt3 middleware

Ask your question

When I refresh the web browser, wanted to read session value from a middleware. I tried like below but not getting any value. An example of how to use useSession in the serverside middleware would be great.

export default defineNuxtRouteMiddleware(async (to, from) => {
  const { session } = await useSession()
  console.log(session.value)
})

Additional information

No response

[re-mxp]

Route Middleware is executed on server and client side. Check if you are on the server with process.server and use following nuxt composable https://nuxt.com/docs/api/composables/use-request-event.

if (process.server) {
    const event = useRequestEvent();
    const { session } = event.context;
   // Access values in session
   ....
}

[BracketJohn]

Hey @smorcuend 👋

This sadly is a known problem in the way nitro / nuxt adds (module) middlewares. The session middleware currently runs after your middlewares, so there’s no access to the session in your middlewares.

We’ve opened an issue for this in the nuxt repo here: https://github.com/nuxt/framework/issues/9396

Once that is fixed / there is a documented way to resolve this we will roll it out here.