Vuejs2 在vuejs中出现错误url时重定向到特定url
我有两个单独的路由文件,在其中导入组件并在每个文件中定义它们的路由,然后在index.js文件中使用它们。以下是我的文件代码: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
//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页面,不需要重定向。我已经试过了,但当时它不起作用。现在我已经清除了缓存,然后再次重新加载,它现在工作正常。我的错。谢谢你的帮助。我已经试过了,但在那个时候它不起作用。现在我已经清除了缓存,然后再次重新加载,它现在工作正常。我的错。谢谢你的帮助。