bonree-agent-vue-plugin v1.0.5

bonree-agent-vue-plugin

bonree-agent-vue-plugin是适配于采集Vue框架数据的插件。

如何使用

• 安装

  npm i bonree-agent-vue-plugin --save

• 导出

  import {BonreeVuePlugin} from 'bonree-agent-vue-plugin'

在框架中导入原生使用

• Vue2代码中使用

  import Vue from 'vue'
  import {BonreeStart} from './BonreeSDK_JS.debug.esm' 
  import {BonreeVuePlugin} from 'bonree-agent-vue-plugin'
  Vue.use(BonreeVuePlugin)
  BonreeStart({
    'uploadAddrHttps':'sdkupload.bonree.com',
 	'uploadAddrHttp':'http://oneupload.bonree.com/RUM/upload', 
     'reqBodyKey':['a'],
    'reqURLKey':['b'],
    'reqHeaderKey':['c'],
    'enableLogger':true,
    'isDebug': false,
})

• Vue3代码中使用

  import {createApp} from 'vue';
  import App from './App.vue';
  import {BonreeStart} from './BonreeSDK_JS.debug.esm' 
  import {BonreeVuePlugin} from 'bonree-agent-vue-plugin'
  createApp(App).use(BonreeVuePlugin)
  BonreeStart({
    'uploadAddrHttps':'sdkupload.bonree.com',
 	'uploadAddrHttp':'http://oneupload.bonree.com/RUM/upload', 
     'reqBodyKey':['a'],
    'reqURLKey':['b'],
    'reqHeaderKey':['c'],
    'enableLogger':true,
    'isDebug': false,
})

在HTML标签中导入原生使用

• 首先需要在script标签中引入原生

  <script
     id="BonreeAgent"
     src="./js/BonreeSDK_JS.min.js"
     data='{"appId":"203d83434b6f4247923025cf849erfc3",
         "uploadAddrHttps": "https://oneupload.bonree.com/RUM/upload",
         "uploadAddrHttp": "http://oneupload.bonree.com/RUM/upload"}'
></script>

• 然后在vue框架中使用
• Vue2代码中使用

  import Vue from 'vue' 
  import {BonreeVuePlugin} from 'bonree-agent-vue-plugin'
  Vue.use(BonreeVuePlugin)

• Vue3代码中使用

  import {createApp} from 'vue';
  import App from './App.vue';
  import {BonreeVuePlugin} from 'bonree-agent-vue-plugin'
  createApp(App).use(BonreeVuePlugin)

注意：

vue.config.errorHandler自定义需要在插件使用之前