vue路由器警告：未找到路径为“/xxx”的位置匹配

引言：

什么你还在为了路由未能正确匹配路径而造成的白屏问题焦虑吗？如果你正在找解决方法麻烦你看看我吧，我的方法绝对够简单！！！

---

问题描述

例如： 在路由未能正确匹配路径，可能会导致页面跳转时出现白屏现象。

解决方案：

1、创建404组件

在你的项目中创建一个新的Vue组件文件`NotFound.vue`，用于显示404页面。

<template>
    <el-empty description="404 走丢了" />
</template>

2、

引入404组件

在你的路由配置文件中，确保已经正确引入了`NotFound`组件。

import NotFound from '../views/notfound/NotFound.vue'
const  routes = [
{ 
        path:"/:pathMatch(.*)*",
        name:"Notfound",
        component:NotFound
    }
]

export default routes

然后你就会得到，一个404页面来处理这些未匹配的路由。

是不是超级简单，我们下期再见！