处理vue代码本身的逻辑错误和解决404问题

处理vue所有代码中本身的逻辑错误

在main.js中添加代码：

代码语言：javascript复制

// 处理vue代码中本身逻辑错误
Vue.config.errorHandler=function (err){
    ElementUI.Message.error("出错了");
    router.push("/login")
}

解决不存在页面        404

1、写一个notfound组件

代码语言：javascript复制

<template>
  <div>
    <h1>无效地址</h1>
  </div>
</template>

<script>
export default {
  name: "notfound"
}
</script>

<style scoped>
</style>

2、在router/index.js中所有的路由最后添加

代码语言：javascript复制

    {
        path: "*",					//表示所有未匹配到的路由都会指向名为notfound的组件
        component: notfound
    }

path push router script 路由

0 人点赞