Nuxt - 在运行时处理路由并激活 ssr

Question

你好：快速提问 我已经

• 一个 Nuxt 应用，在 nuxt.config.js 中带有 target: 'server'
• 一个带有端点的 API，为给定路径为我提供关联的模板（例如：/person/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>