如何在 Nuxt.js 中僅設置中間件特定頁面

Question

在我的 Nuxt 應用程序的index 、 about-us和contact-us頁面中，我看到了這個錯誤：

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

我安裝了auth ，並使用 Laravel API 中的 JWT。 我希望它僅用於dashboard 、 dashboard/user和dashboard/post頁面。

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

Answer 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>