在 Nuxt.js 的动态路由名称中使用破折号

Question

如您所知，为了在 Nuxt.js 中拥有动态路由，我们应该在动态名称前使用下划线 (_)。例如文件名应该是：

_id.vue

问题是我想写文章名称而不是 id。但是，文件夹的名称应该是：

_article-name.vue

导致错误并破坏项目。我该如何解决？

Answer 1

Nuxt 不支持带破折号的动态路由名称。

动态路由名称（即此处为 article-name）被传递给 path-to-regexp（通过 Vue 路由器），这要求命名参数由单词字符（字母数字字符和下划线）组成。

一种可能的解决方法是使用下划线代替破折号：

_article_name.vue

demo