我正在尝试与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错误页面,消息"page not found:/category/test"。
这是我的"索引"中的链接。文件:
<NuxtLink to="/category/test">Test</NuxtLink>
这是我的" id.vue"文件:
<template>
<div>
<h1>Project: {{ $route }}</h1>
</div>
</template>
<script>
export default {}
</script>
<style>
</style>
在next 3中,动态路由写成[id]
而不是_id
:
pages/
index.vue
category/
[id].vue
更多详细信息请查看https://v3.nuxtjs.org/guide/directory-structure/pages#dynamic-routes