在main.js中添加代码:
// 处理vue代码中本身逻辑错误
Vue.config.errorHandler=function (err){
ElementUI.Message.error("出错了");
router.push("/login")
}
1、写一个notfound组件
<template>
<div>
<h1>无效地址</h1>
</div>
</template>
<script>
export default {
name: "notfound"
}
</script>
<style scoped>
</style>
2、在router/index.js中所有的路由最后添加
{
path: "*", //表示所有未匹配到的路由都会指向名为notfound的组件
component: notfound
}