vue.js - 如何在不使用router.js的情况下在nuxt中添加大写的页面名称？

Question

我无法将页面名称设为 Index.vue，但对于我所做的其他页面，它可以正常工作。

知道如何解决这个问题吗？

PS：对于这个项目，我更喜欢 PascalCase 的页面。我不想手动配置 router.js。

score 1 · Accepted Answer

由于 Nuxt.js 会根据你的 /pages 结构自动创建 vue-router，如果你真的需要 /Index 路由，你可以创建一个名为“Index”的文件夹，然后在其中包含你的 index.vue 模板。

然后你可以从 nuxt-link 调用 /Index 路由：

<nuxt-link to="/Index">Click Me</nuxt-link>

score 0 · Accepted Answer

我认为像这个问题一样，您可以在路由中使 nuxt 区分大小写

通过添加此代码：

// nuxt.config.js
router: {
  extendRoutes(routes) {
    for (const key in routes) {
      routes[key].caseSensitive = true
    }
  }
}

score 0 · Accepted Answer

0

在此目录中创建 index.vue 文件后，首先创建一个具有所需名称的目录

于 2020-09-22T13:32:03.447 回答

3 回答 3