如何在 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 property.

来拥有自己的中间件

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>

如何在 Nuxt.js 中仅设置特定页面的中间件

How to set middleware only specific page in Nuxt.js

javascript

frameworks

middleware

jwt

nuxt.js