Nuxtjs 在路由更改时从客户端向服务器端发出请求

Question

我想从客户端访问 Firestore 客户端。但是，目前 $firestore 对象仅注入服务器端。因此，我想在某些路由更改事件上从客户端向服务器端发出请求，例如：在 v-tabs 更改上。 我的组件的模板代码：

<v-tabs
  class="w-100"
  grow
  height="35"
  style="box-sizing: initial"
>
  <v-tab style="text-align: left;" v-for="tabName in tabs" :key="tabName" :to="tabPath(tabName)">
    <h2 class="ml-0 mr-auto text-size-13 font-weight-bold" style="line-height:1.4rem">
      {{ tabName }}
    </h2>
  </v-tab>
</v-tabs>

我的组件的脚本代码：

data: () => ({
 tabs: ['info', 'read', 'save']
}),
methods: {
 tabPath(tab_name: string) {
  return `/${tab_name}`;
 },
}

我该怎么做？