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

Question

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

什么是等效的：

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

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

在此处阅读有关它的更多信息