Vue Nuxt Auth 使用 Class 组件为每个路由启用身份验证中间件

Question

如何使用 Class 组件为每个路由启用身份验证中间件？

这相当于什么：

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

这行不通：

<script>
  import { Vue, Component } from 'nuxt-property-decorator'

  @Component
  export default class Profile extends Vue {
    middleware = 'auth'
  }
</script>

Answer 1

您需要将其作为参数添加到 Component 装饰器中。


<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator';

@Component({
  middleware: ['auth']
})
export default class Profile extends Vue {
  name = 'some data'
}
</script>

您最初所做的只会创建一个数据属性。要在 data computed methods 和 hooks 等 Vue 选项之外添加组件特定选项，您必须将其作为参数传递给 @Component 装饰器

了解更多信息 here

Vue Nuxt Auth 使用 Class 组件为每个路由启用身份验证中间件

Vue Nuxt Auth enable auth middleware per route using Class Components

javascript

vue.js

vue-component

nuxt.js

vue-class-components