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

2023-10-15 19:35:43 浏览数 (2)

处理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
    }

0 人点赞