app.config.errorHandler = errorHandler; //报错提示

109 阅读1分钟

main.ts

import errorHandler from "@/utils/errorHandler";

const app = createApp(App);
app.config.errorHandler = errorHandler; //报错提示

utils/rrorHandler.ts

import { ElNotification } from 'element-plus';

const errorHandler = (error: any) => {
  // 过滤 HTTP 请求错误
  if (error.status || error.status == 0) return false;
  let errorMap: { [key: string]: string } = {
    InternalError: 'Javascript引擎内部错误',
    ReferenceError: '未找到对象',
    TypeError: '使用了错误的类型或对象',
    RangeError: '使用内置对象时,参数超范围',
    SyntaxError: '语法错误',
    EvalError: '错误的使用了Eval',
    URIError: 'URI错误'
  };
  let errorName = errorMap[error.name] || '未知错误';
  ElNotification({
    title: errorName,
    message: error,
    type: 'error',
    duration: 3000
  });
};

export default errorHandler;