我需要使用包罗万象的路线。
Documentation and example.
你的页面结构是这样的。
|-pages
|-articles = Folder
|--[...id].vue = Catch all routes
|--index.vue = Article Content
|-articles.vue = NuxtPage
|-index.vue = Home page
~pages/articles.vue
<script lang="ts" setup>
</script>
<template>
<div>
<NuxtPage />
</div>
</template>
<style scoped lang="css"></style>
~/pages/articles/index.vue
文章内容示例
<script lang="ts" setup>
</script>
<template>
<div>
Articles page
</div>
</template>
<style scoped lang="css"></style>
~/pages/articles/[...id].vue
动态ID
<script lang="ts" setup>
const route = useRoute()
</script>
<template>
<div>
<h1>Dynamic ID. Params: {{ route.params.id }}</h1>
</div>
</template>
<style scoped lang="css"></style>
预期输出。
希望能有所帮助