130-vant案例-07-定义错误页面

定义错误页面

# 1. 配置路由

# 2. 定义页面组件

# 3. 访问不存在的路由会跳转错误页面

1. 定义路由index.js

import NotFound from '../views/NotFound.vue'

   // 错误页面,优先级最低
    {
        path: '/:pathMatch(.*)*', // /:占位符,后面可以随便写/:aa,/:bb; (.*)*:多次
        component: NotFound
    }

2. 定义页面组件NotFound.vue

<template>
    <div>
        404 not found
    </div>
</template>