于是我就开始与NuxtJS工作,到目前为止,我爱它。我现在想弄清楚如何设置网页的默认页面布局。在NuxtJS路由设置页面中的文件夹,所以如果我想靶,利用塞一个页面,所以这样的事情,test.com/about。我将创建一个页面的文件夹文件夹命名为“_slug”和_slug文件夹内我想补充一个index.vue文件。然后,在该文件中我会成立我想对于只有基本URL蛞蝓页面的布局。
我现在是在一个地步,我有一个页面的URL看起来像test.com/about/history。我知道我可以添加一个名为“关于”页面中的文件夹,里面是一个index.vue文件,该文件名为“_slug”中添加一个文件夹来定位URL路径文件夹。
但我想要的是与test.com/about/(slug-name-here页),使用相同的页面布局的页面 - > _ slug-> index.vue,而无需代码在该文件复制并在页面级>再次使用约 - > _ slug-> index.vue文件。
那么,我想搞清楚的是,如果有一种方法来告诉NuxtJS使用页面 - > _ slug-> index.vue的每一页,除非是在页面指定文件夹中创建所需的文件夹结构。
您可以通过点击进入您的extendedRoutes
文件router
实例的nuxt.config.js
方法控制路由:
export default {
router: {
extendRoutes (routes, resolve) {
routes.push({
name: 'custom',
path: '*',
component: resolve(__dirname, 'pages/_slug/index.vue')
})
}
}
}
那就不要再创建页面,每个路线将去这个特定的VUE文件。