- 安装
yarn add c-monitor
or
npm install c-monitor
-
- 支持主动上报自定义日志，参数如下
/** * 主动上报方法参数说明 * params的值为：内置的js错误对象 || 自定义上报日志对象 * 以下示例 伪代码，具体调用看文档下面的 三种引入方式 */ interface customParams { name: "custom_info"; // 自主上报日志name必填 custom_info message: string; // 自主上报日志内容必填，且为字符串 businessName?: string; // 业务模块 名称 } interface err { ...... // 内置的err对象不做参数说明 } const data: customParams | err; CMonitor.notify(data);
-
支持 browser、umd、esm 三种方式引入使用
- 在原生浏览器环境使用如下
<script src="./前端错误收集sdk"></script>;
// 初始化
CMonitor.init({
disable: 1, // 1 为启用， 0 为关闭
appkey: "xxxxxxx", // app唯一标识
uploadUrl: "http://xxx.xxx.xxx", // 上报到server端的接口地址，目前server没有提供上报接口，默认搭配封装浏览器，写入本地log文件中
});- 在 vue2 中使用如下
import Vue from "vue";
import CMonitor from "前端错误收集sdk";
// 初始化
CMonitor.init({
disable: process.env.NODE_ENV === "production" ? 1 : 0, // 1 为启用， 0 为关闭 （可选择生产环境才开启）
appkey: "xxxxxxx", // app唯一标识
uploadUrl: "http://xxx.xxx.xxx", // 上报到server端的接口地址，目前server没有提供上报接口，默认搭配封装浏览器，写入本地log文件中
});
Vue.config.errorHandler = function (err) {
CMonitor.notify(err); // 主动上报函数
};- 在 vue3 中使用如下
import { createApp } from "vue";
import App from "./App.vue";
import CMonitor from "前端错误收集sdk";
const app = createApp(App);
// 初始化
CMonitor.init({
disable: 1, // 1 为启用， 0 为关闭 （可选择生产环境才开启）
appkey: "xxxxxxx", // app唯一标识
uploadUrl: "http://xxx.xxx.xxx", // 上报到server端的接口地址，目前server没有提供上报接口，默认搭配封装浏览器，写入本地log文件中
});
app.config.errorHandler = (err) => {
CMonitor.notify(err); // 主动上报函数
};
app.mount("#app");