Firebase上的Nuxt动态路由

问题描述 投票:0回答:1

我的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

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

javascript firebase google-cloud-functions nuxt.js
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.