我想在不更改url的情况下为错误404页面添加不匹配的路由。
在路由器配置中,有一个全面的别名,如下所示:
{
path: '/404',
alias: '*',
name: 'error',
component: Error
}
用户访问my-site.com/random-inexisting-url
时,URL不变,并显示错误页面。
直到这里都可以正常工作。
现在,我想对动态路由执行相同的操作。例如,有一条类似my-site.com/pages/:id
的路线,并且用户访问了my-site.com/pages/inexisting-id
。
id
参数用于获取API,因此,如果API返回null,则不会自动重定向到错误页面。可以使用/error
或导航工具重定向到router.push({ name: 'error' })
页面,但会将URL更改为/error
。
是否可以保留原始网址,但仍显示错误页面?
(类似于router.aliasTo({name: 'error' })