Propriedade Intermediária

Define o intermediário para uma página específica da aplicação.

Tipo: String ou Array ou Function
- Itens: String ou Function

Intermediário Nomeado

Podemos criar um intermediário nomeado ao criar um ficheiro no diretório middleware/, o nome do ficheiro será o nome do intermediário:

middleware/authenticated.js

export default function ({ store, redirect }) {
  // Se o utilizador não estiver autenticado
  if (!store.state.authenticated) {
    return redirect('/login')
  }
}

pages/secret.vue

<template>
  <h1>Secret page</h1>
</template>

<script>
  export default {
    middleware: 'authenticated'
  }
</script>

Intermediário Anónimo

Se precisarmos de utilizar um intermediário apenas para uma página específica, podemos utilizar diretamente uma função para a mesma (ou um vetor de funções):

pages/secret.vue

<template>
  <h1>Secret page</h1>
</template>

<script>
  export default {
    middleware({ store, redirect }) {
      // Se o utilizador não estiver autenticado
      if (!store.state.authenticated) {
        return redirect('/login')
      }
    }
  }
</script>