Nuxt 3 路由:"Simple"动态路由返回 404 错误



我正在尝试与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

相关内容

  • 没有找到相关文章

最新更新