vue路由器动态别​​名

时间:2018-09-25 21:17:17

标签: javascript vue.js vue-router

我想在不更改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' })

0 个答案:

没有答案