Global Middleware on first load both side

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-27484505.9f6eff7
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: vite, privateRuntimeConfig, publicRuntimeConfig, css, buildModules, intlify, vueuse
• Runtime Modules: -
• Build Modules: @intlify/nuxt3@0.1.10, @pinia/nuxt@0.1.8, @vueuse/nuxt@8.2.5

---

Reproduction

https://stackblitz.com/edit/github-dypzgk

Describe the bug

On first load, the global middleware get executed on both side (server and client). In Nuxt 2, if the app is in universal mode, at first load the middleware get executed only by server side.

Additional context

No response

Logs

No response

[Atinux]

@pskclub You can use if (process.server) for example if you want to run it only on server.

[jdgjxxchy]

@pskclub You can use if (process.server) for example if you want to run it only on server.

i only need to run once if the route changes, how can i do that?

I have also ran into this issue. I find a way to judge whether it is running in server side or in client.

1. use process.client or process.server. if code is running in client side, process.client will be true. So if you want to count page enter times, you can add if (process.client) block.
2. use useNuxtApp() . If you need to access nuxtApp by coincidence, you can use useNuxtApp().ssrContext to judge, because this property only exist in server side.