任务请求路径呈现xxx.com/index/News,xxx.com/index/user为此效果,我将文件树设置为:
pages/
--| index/
-----| News/
-------| index.vue
-----| User/
-------| index.vue
--| index.vue
但是我不能成功地跳转到根目录以外的其他页面.
我需要做些什么才能使网页的路径显示出想要的效果?
任务请求路径呈现xxx.com/index/News,xxx.com/index/user为此效果,我将文件树设置为:
pages/
--| index/
-----| News/
-------| index.vue
-----| User/
-------| index.vue
--| index.vue
但是我不能成功地跳转到根目录以外的其他页面.
我需要做些什么才能使网页的路径显示出想要的效果?
主页(在根路径上)可以安全地命名为index.vue
,没有其他方法可以将页面绑定到/
路径.
但事实上,问题是这you can't have both a page and a folder named the same人.它们将会重叠.
解决此问题的一种方法是使用从nuxt.config.js
开始的自定义路由,将根路径/
映射到您的主页:
router: {
extendRoutes (routes, resolve) {
routes.push(
{
name: 'index_home',
path: '/',
component: resolve(__dirname, 'pages/home.vue')
},
)
}
},
见nuxt.config.js / router
documentation
注意:您还可以从此处删除自动创建的/home
路由,它将位于routes
数组中.