Как установить промежуточное программное обеспечение только для определенной страницы в Nuxt.js

#javascript #jwt #frameworks #nuxt.js #middleware

#javascript #jwt #фреймворки #nuxt.js #промежуточное программное обеспечение

Вопрос:

На страницах index , about-us , и contact-us моего приложения Nuxt я вижу эту ошибку:

 GET http://127.0.0.1:8000/api/auth/user 401 (Unauthorized)

Я установил auth и использую JWT из Laravel API. Я хочу, чтобы он использовался только для страниц dashboard , dashboard/user , и. dashboard/post

 GET http://127.0.0.1:8000/api/auth/user

Ответ №1:

Компоненты страницы могут иметь свое собственное промежуточное программное обеспечение, задав middleware свойство.

В документах Nuxt показан этот пример для анонимного промежуточного программного обеспечения:

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

<script>
  export default {
    middleware({ store, redirect }) {
      // If the user is not authenticated
      if (!store.state.authenticated) {
        return redirect('/login')
      }
    }
  }
</script>

1. хорошо. но у меня ошибка 401 на индексной странице. на индексной странице не установлено промежуточное программное обеспечение!:/

2. Это звучит как отдельная проблема от исходного вопроса. Пожалуйста, отправьте новый вопрос с подробной информацией о том, как воспроизвести проблему.