vue.js - 使用 Gridsome 修改 Vue.js 项目中的路由器元字段

Question

我正在尝试为Gridsome 为我自动生成的路由指定一个元对象，如下所示：

meta: {
      auth: true
    }

但是在 Gridsome 中没有一个普通的 routes/index.js 文件——只有一个在 index.js 中像这样暴露的路由器对象：

export default function (Vue, { router, head, isClient }) 
{}

如何进入路由器并将元数据添加到我要修改的特定路由？

Answer 1

您可以通过内部组件脚本标签获取route对象this

<script>
export default {
  created () {
    this.$route.meta = {requiresAuth: true}    
  }
}
</script>