获取 nuxt child 的默认页面

Question

上下文

我有一个这样的结构 pages 文件夹：

pages/
--| home.vue
--| index.vue
--| countries
----| countriesChildren

我的索引 vue 是这样的：

<template>
  <div>
    <ToolbarMenu />
    <nuxt-child class='page-container'/>
  </div>
</template>

问题

问题是当用户访问my-site.com/ 时，他们会访问 index.vue，但没有显示默认页面。
我想给他们一个主页，现在位于/home

我可以将用户从/ 重定向到/home，但我不确定这是不是更干净的方式：/
最好的配置是：/ 是没有/home 路径的主页。

结构是：

/ -> 主页
/countries -> 国家列表
/countries/country -> 国家
等等

Answer 1

我发现了我的问题！这是我的新结构：

pages/
--| index.vue (stay the same)
--| index/
----| index.vue (before was home.vue)
----| countries/
-------/ countriesChildren

第一个 index.vue 有一个nuxt-child，它直接转到位于index/index.vue的默认页面

总结一下：

• 当路径为my-site.com/时，nuxt-child填充为 index/index.vue（我的主组件）
• 当路径为my-site.com/countries/... 时，nuxt-child 填充国家文件夹