vue自定义Log级别，用于调试与生产使用

最新推荐文章于 2024-08-20 09:41:26 发布

eulers

最新推荐文章于 2024-08-20 09:41:26 发布

阅读量3.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/jiangxuexuanshuang/article/details/88539883

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

通过封装自定义日志等级，在不同环境展示不同信息。

import { Toast } from 'mint-ui'
import config from '@/config'

/**
 * 1:ALL
 * 2:DEBUG
 * 3:INFO
 * 4:WARN
 * 5:ERROR  错误日志
 * 6:DEAL  需要处理
 * 7:FATAL 系统严重错误
 * @param params
 * @constructor
 */
export const Log = {
  all: (params) => {
    EulerLog(params, 1)
  },
  debug: (params) => {
    EulerLog(params, 2)
  },
  info: (params) => {
    EulerLog(params, 3)
  },
  warn: (params) => {
    EulerLog(params, 4)
  },
  error: (params) => {
    EulerLog(params, 5)
  },
  deal: (params) => {
    EulerLog(params, 6)
  },
  fatal: (params) => {
    EulerLog(params, 7)
  }
}

const EulerLog = function (params, level) {
  if (level >= config.logLevel[process.env.NODE_ENV]) {
    Toast(params)
  } else {
    console.log(params)
  }
}