vue.js - Nuxt.js 路由 URL 不带破折号/

Question

是否可以从 URL 中删除文件夹破折号？
来自:url.com/p/123456 和 url.com/t/123456至:url.com/p123456 和 url.com/t123456
文件夹结构:

/pages
|—/p
|—|—_id.vue
|—/t
|—|—_id.vue
p.vue
t.vue

Answer 1

每当您将文件放入 pages 文件夹中的文件夹中时，它都会生成 /folderName/结构，因为这是它的预期行为。
为了实现你想要的，你只需要在底层创建一个 slug:

/pages
|-_id.vue
p.vue
t.vue

在此页面中，您可以像往常一样访问 slug 参数。
如果需要区分什么是 /p什么是 /t文件，您可以创建一个计算函数来检查 substring的当前路线，然后做出相应的 react 。