Nuxt - 在運行時處理路由並激活 ssr

Question

你好：我有一個快速的問題

• 具有target: 'server'
• 一個帶有端點的 API 給我，對於給定的路徑，關聯的模板（例如： /person/maxime maxime 會給我模板： PersonsSingle ）
• 處理此頁面的 vue 組件（例如： _pages/person.vue ）

我該如何在運行時處理這個？ 我想這與中間件有關，但這里的最佳策略是哪一個？

PS：我使用這個系統是因為兩個具有相同結構的 url（例如： /person/maxime和/person/sam可能會導致兩個完全不同的模板）。 不要問我為什么要處理它：/

Answer 1

我就是這樣做的。

async asyncData({ $axios }) {
  const data = await $axios.$get('...')

  const templateType = data.templateType

  return {
    templateType
  }
}

<template>
  <div>
    <page-1 v-if="templateType === 'foo'" />

    <page-2 v-else />
  </div>
</template>