Vue在路由中配置404页面

在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),
        },

    ]


});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。