vue.js - Nuxt 3 路由 : "Simple" dynamic route return 404 error

Question

我正在尝试与 nuxt3 ("3.0.0-rc.3") 建立一个简单的动态链接，但我无法访问动态 slug url。我关注了这个页面，但它似乎对我不起作用: https://nuxtjs.org/examples/routing/dynamic-pages

这是我的简单页面结构:

pages/
   index.vue
   category/
       _id.vue

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

这是我的“index.vue”文件中的链接:

<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

有关更多详细信息，请查看此 https://v3.nuxtjs.org/guide/directory-structure/pages#dynamic-routes