美文网首页
Vue在路由中配置404页面

Vue在路由中配置404页面

作者: 程序萌 | 来源:发表于2020-05-08 10:58 被阅读0次

    在router.js中 路由是从上到下执行的 只需要在最后一行把path写成 * 并且指定一个404.vue页面即可
    项目启动页指的是: 当你进入www.baidu.com,会自动跳转到login登录页。

    如何触发404页面,比如你的域名是http://localhost:8080/,当你进入一个没有声明/匹配的路由页面时就会跳到404页面,
    比如访问了http://localhost:8080/无此页面,就会跳到404页面,如果没有声明一个404页面,那就会跳到一个空白页面

    // 路由懒加载
    const firstPage = r => require.ensure([], () => r(require('@/components/firstPage.vue')), 'firstPage')
    const login = r => require.ensure([], () => r(require('@/components/login.vue')), 'login')
    
    const router = new Router({
        mode: 'history',
        routes: [
            {
                path: '/login',
                name: '登录',
                component: login
            },
            
            {
                path: '/',
                name: '首页',
                component: firstPage
            },
    
            {
                path: '*',
                name: '/404',
                component: resolve => require(['@/components/404.vue'], resolve),
            },
    
        ]
    
    
    });
    

    相关文章

      网友评论

          本文标题:Vue在路由中配置404页面

          本文链接:https://www.haomeiwen.com/subject/exgxnhtx.html