Nuxt 3路由："Simple"动态路由return 404错误

Question

我正在尝试使用 nuxt3（“3.0.0-rc.3”）创建一个简单的动态 link，但我无法访问动态 slug url。我关注了这个页面，但它似乎对我不起作用： https://nuxtjs.org/examples/routing/dynamic-pages

这是我的简单页面结构：

pages/
   index.vue
   category/
       _id.vue

当我尝试访问 localhost:3000/category/test 时，出现 404 错误页面，其中包含消息“未找到页面：/category/test”。

这是我的“index.vue”文件中的 link：

<NuxtLink to="/category/test">Test</NuxtLink>

这是我的“_id.vue”文件的内容：

<template>
  <div>
    <h1>Project: {{ $route }}</h1>
  </div>
</template>

<script>
export default {}
</script>

<style>
</style>

Answer 1

在 Nuxt 3 中，动态路由被写成 [id] 而不是 _id :

pages/
   index.vue
   category/
       [id].vue

Nuxt 3 Routing : "Simple" dynamic route return 404 error