Geek+ 开源工具库

系统前端工具库.

安装

# 安装
$ npm i geek-tools

使用（以日志管理工具为例）

# 导入日志工具
import { logger } from 'geek-tools'

# 导入上报日志的接口
import { logWrite } from '@/common/api'

# 配置项
const options = {
  isEnable: true,                // 启用 停止 （可以从系统参数中取值）
  isEnableJsErrorHandler: false, // JS异常收集上报开关
  level: 'ERROR',                // 记录权重大于等于"ERROR"的日志
  sendTimeout: 60,               // 上报函数触发间隔 （秒）
  sendQueueMax: 10,              // 队列暂存日志条数，累积到此数量后请求接口上报
  projectCode: 'SR-P-SD202108',  // 项目编号 企业微信工作台PM系统可查
  axios: logWrite,               // 日志上报接口 (可选)
  url: '/basic/v1/appLog/write', // 不涉及权限可配置url使用内部ajax
  user: 'admin'                  // 当前用户
}

# 初始化
const Logger = logger.init(options)

# 挂到vue原型
Vue.prototype.$GKlogger = Logger

# 使用
this.$GKlogger.error({
  message: '商品等级字典为空，检查接口返回数据'
})

# 紧急调整上报 level,  可以浏览器地址栏补充参数后刷新页面
?forcedUseLevel=info

模块划分

• [ ] 日志管理 log
  • [ ] index
• [ ] 工具函数
  • [ ] 获取浏览器信息 getBrowserInfo
  • [ ] 获取设备与系统信息 getDeviceAndOS
  • [ ] 获取服务器时间 getServerTime

License

• MIT