如何设置Nuxt动态路由分类页面和内容页面

Question

我使用NUXT来构建我的项目。

这是我现在的文件结构：

pages/
--| work/
-----| index.vue
-----| _projectName.vue

我想这样做：

A: /work = all work list    
B: /work/_categoryName(like is "/work/web-design" = category "web desing" work list)
C: /work/_categoryName?type=A(like is "/work/web-design?type=A" = category "web desing" and type A work list)

D: /work/_projectName(like is "/work/XXXproject") = project content

A、B、C使用相同的页面。D使用不同的页面和不同的布局。

我该怎么做呢？

更新：

如果我想用上面的方法做不到，或者尝试另一种方法：

A: /work = all work list    
B: /work/_categoryName
C: /work/_categoryName?type=A

D: /work/content/_projectName

A，B，C使用相同的页面，我该怎么办？布局？组件？混合？

Answer 1

我认为这个结构能满足你的需求

pages/
--| work/
-----| index.vue
-----| _projectName.vue
-----| web-design.vue   --> and use route parameter to accessing type

在_projectName.vue中设置布局，如下所示

_projectName.vue

<script>
export default {
  layout: 'the-layout'

.