bjx-report

一个用于统计页面性能及错误的模块

传统项目

<script src="https://cdn.jsdelivr.net/npm/bjx-report"
        app="60efba27-1b60-468d-89dd-fc360b353e58"
        api="https://e0e4807d05.endpoints.dev"
        molds="1,2,3,4,5"
        threshold="1000"
></script>

vue项目

import { init, reportVueError } from 'bjx-report'
import bjxReportVuePlugin from 'bjx-report/vuePlugin'
// import bjxReportVuePlugin from 'bjx-report/dist/vuePlugin.js' // webpack4
init('60efba27-1b60-468d-89dd-fc360b353e58', 'https://e0e4807d05.endpoints.dev', '1,2,3,4,5', '1000')
Vue.use(bjxReportVuePlugin(reportVueError))

开发与构建

npm run dev
npm run build

参数

init(app, api[, molds[, threshold]])

app：一个UUID代表这个项目唯一ID

api：上报的接口地址，sendBeacon发的POST请求，请求正文为text/plain，响应类型也应该为文本，以规避CORB策略

molds：可选参数，一个逗号连接的类型字符串。存在时，只会发送其中的某个类型

threshold：可选参数，性能统计（mold = 1,2）的阈值，单位为毫秒