html 嵌入vue 简单接入

在html中使用vue，最简单接入sentry配置

        Sentry.init({
          dsn: "https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@xxxxxxxxxx/1",
          integrations: [
            new Sentry.Integrations.Vue({
              Vue,
              tracing: true,
            }),
            new Sentry.Integrations.BrowserTracing(),
          ],
          tracesSampleRate: 1.0,
        });

dsn为自己的sentry服务地址，还需要引入sentry的sdk

Sentry在html最简单接入

 <!-- 要保证sentry配置并加载成功 -->
  <script src="./sentry.js"></script>
  <script src="./sentry-vue.js"></script>
  <script>
    Sentry.init({
      dsn: 'https://aaaaaaaaaaaaaaaaa@aaaaaaaaaa/2',
      tracesSampleRate: 1.0
    });
    console.log('正常流程：html sentry 初始化')
  </script>

./sentry.js 和 ./sentry-vue.js是sentry的sdk和sentyr-vue的sdk

Sentry主动发送消息

sentry可以主动发送消息生成记录

Sentry.captureMessage("hello， world");

JS SDK 下载地址

https://download.csdn.net/download/u010017719/21388831