Firebase上的Nuxt动态路由

Question

我的Nuxt.js应用具有以下结构：

/pages/index.vue
/pages/_slug/index.vue

[当用户获得/{any_page}时，它将使用该路径来构建页面内容：

/ pages / _slug / index.vue

<template>
  <div>
    {{slug}}
  </div>
</template>

<script>
import fetch from 'isomorphic-fetch';
export default {
  async asyncData({ params }) {
    return { slug: params.slug } 
  }
}
</script>

[当直接通过yarn dev运行Nuxt App时，此方法非常有效。

[当我尝试使用Firebase函数运行它时：

$ firebase serve --only functions,hosting

静态路由可以正常工作，但是动态路由始终呈现默认的/页面，而不是执行动态页面。我该如何解决？

Answer 1

此答案仅在使用nuxt generate时适用。如果您使用的是nuxt build，则不适用。

Generate说它会跳过动态路由，除非您明确指定动态路由，否则会出现404错误。您要在Nuxt配置文件中指定这些路由。这是在生成过程中从数据库获取的示例。请注意，在下面的示例中，文档ID是页面的标签。