Как работает middleware в Nuxt.js

Middleware в Nuxt.js — это функции, которые выполняются перед отображением страницы или макета. Они позволяют выполнять логику перед рендерингом, например, проверку аутентификации, редиректы или модификацию контекста.

Типы middleware:

1. Route middleware — срабатывает при переходе между страницами
2. Server middleware — работает на стороне сервера (для API-эндпоинтов)
3. Плагины — выполняются при инициализации приложения

Пример аутентификации:

// ~/middleware/auth.js
export default function ({ store, redirect }) {
  if (!store.state.auth.loggedIn) {
    return redirect('/login')
  }
}

Использование в странице:

export default {
  middleware: 'auth'
}

Особенности:

• Может быть асинхронным
• Имеет доступ к контексту (store, route, redirect и др.)
• Выполняется в порядке указания (можно задать массив middleware)