Vue

开始之前，先按 Browser SDK 概览安装 SDK 并复制 Project 的 DSN， 再把应用的 origin 加入该 Project 的允许列表。

初始化

src/monitoring.ts

import { init } from "@openrum/browser";

init({
  dsn: import.meta.env.VITE_OPENRUM_DSN,
  environment: import.meta.env.MODE,
  release: import.meta.env.VITE_APP_RELEASE,
});

src/main.ts

import "./monitoring.ts";
import { createApp } from "vue";

Vue Router 的 HTML5 history 模式通过 history.pushState 跳转，因此不需要路由钩子即可采集 Page View。hash 模式不会被采集，见支持矩阵。

下一步

• 验证采集、ingest 和聚合是否一致。
• Vite 构建的插件配置与 React（Vite）的 Source Map 页面相同。