Vuejs2 在vuejs中出现错误url时重定向到特定url

Vuejs2 在vuejs中出现错误url时重定向到特定url,vuejs2,vue-router,Vuejs2,Vue Router,我有两个单独的路由文件,在其中导入组件并在每个文件中定义它们的路由,然后在index.js文件中使用它们。以下是我的文件代码: //router1.js import Layout1 from 'Layouts/Panel.vue'; const Users = () => import('Views/Users.vue'); const Reports = () => import('Views/Reports.vue'); export default { path

我有两个单独的路由文件,在其中导入组件并在每个文件中定义它们的路由,然后在index.js文件中使用它们。以下是我的文件代码:

//router1.js 
import Layout1 from 'Layouts/Panel.vue';

const Users = () => import('Views/Users.vue');
const Reports = () => import('Views/Reports.vue');

export default {
    path: '/layout1',
    component: Layout1,
    redirect:'/layout1/reports',
    children:[
       { 
            path: 'reports',  
            component: Reports, 
            name:'Reports'
        },
        { 
            path: 'users',  
            component: Users, 
            name:'Users'
        }
     ]
}

//router2.js
import Layout2 from 'Layout/Panel2';

const Demo1 = () => import('Views/Demo1');
const Demo2 = () => import('Views/Demo2');
export default {
    path: '/',
    component: Layout2,
    redirect:'/demo1',
    children:[
        { 
            path: '/demo1',
            component: Demo1
        },
        { 
            path: '/demo2',
            component: Demo2
        }
   ]
}
// index.js
import Vue from 'vue'
import Router from 'vue-router'

import router1 from './router1';
import router2 from './router2';
const NotFound = () => import('Views/NotFound.vue');
Vue.use(Router)

export default new Router({
    mode: 'history',
    routes: [
        router1,
        router2,
        { 
            path: '*',  
            component: NotFound, 
            name:'NotFound',
        },
    ]
})
现在,我想重定向到特定的url,即“未找到”,以防错误的url。在“NotFound”组件中,我在挂载的生命周期钩子的代码行下方添加了一行代码,该钩子重定向到URL“NotFound”

这是.$router.replace({path:'notfound'})

但若URL有参数或查询字符串,它将附加到它。例如-
我想要的是,它只显示了我应该如何实现这一点。请帮忙。谢谢

在你的挂载函数中试试这个。在我这边工作

this.$router.push({path: '/not-found'})

在你的挂载函数中试试这个。在我这边工作

this.$router.push({path: '/not-found'})

你为什么不想重定向?你只需要一个普通的404页面而不需要重定向。你为什么不想重定向呢?你只需要一个普通的404页面,不需要重定向。我已经试过了,但当时它不起作用。现在我已经清除了缓存,然后再次重新加载,它现在工作正常。我的错。谢谢你的帮助。我已经试过了,但在那个时候它不起作用。现在我已经清除了缓存,然后再次重新加载,它现在工作正常。我的错。谢谢你的帮助。