vue3添加404页面
时间: 2023-08-15 14:03:50 浏览: 225
要添加404页面,可以在Vue3中使用Vue Router,具体步骤如下:
1. 在路由配置文件中定义一个名为“NotFound”的路由:
```
const routes = [
// 其他路由配置
{
path: '/:catchAll(.*)',
name: 'NotFound',
component: () => import('@/views/NotFound.vue')
}
]
```
2. 在项目中创建一个名为“NotFound.vue”的组件,用于显示404页面的内容。
3. 在App.vue中使用<router-view />标签来显示路由组件,当路由匹配不到任何路由时,就会显示NotFound组件。
```
<template>
<div id="app">
<router-view />
</div>
</template>
```
4. 在NotFound组件中添加404页面的内容。
这样就可以在Vue3中添加404页面了。
阅读全文