Lajax前端日志在vue中运用

原创于 2018-11-13 17:40:00 发布 · 1.3k 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

本文介绍了一种封装公共日志接口的方法，并将其集成到Vue应用中的过程。通过使用lajax模块，创建了一个可配置的日志记录器，能够设置日志发送地址、发送间隔及错误请求的最大数量。然后，该日志记录器被添加到Vue的全局变量中，方便在项目中通过$logger.info等方法调用。

1.封装公共接口

import Lajax from 'lajax/src/lajax-module';

const logger = new Lajax({
  url: process.env.LOG_URL,  //日志发送地址，在配置文件中配置
  interval: 10000,
  maxErrorReq: 3
});

export default logger;

2.加入到vue全局变量

import Vue from 'vue';
import Logger from './api/log';

Vue.prototype.$logger = Logger;

//项目中使用
$logger.info(arg1, arg2, ...args);
.......

lajax的API