Интеграция с Sentry

createSentryAdapter() — строит пару коллбэков onLog/onError, которая пересылает в Sentry каждый запрос как breadcrumb, а ошибки 5xx/сетевые ошибки — как события Sentry.

function createSentryAdapter(
  sentry: SentryLike,
  options?: SentryAdapterOptions,
): Pick<NetworkDashboardOptions['callbacks'], 'onLog' | 'onError'>

Опции

filter

(entry: UnifiedLogEntry) => boolean · по умолчанию: —

Если задано, в Sentry отправляются только записи, для которых функция вернула true.

errorStatusThreshold

number · по умолчанию: 500

HTTP-статус, при достижении которого запрос дополнительно отправляется как событие Sentry через captureMessage, в дополнение к breadcrumb.

includeBodies

boolean · по умолчанию: false

Включать тела запроса/ответа в данные breadcrumb.

Использование

import * as Sentry from '@sentry/vue'
import { createSentryAdapter } from 'vue-network-dashboard'

app.use(NetworkDashboardPlugin, {
  callbacks: createSentryAdapter(Sentry, {
    errorStatusThreshold: 500, // отправлять событие Sentry для 5xx (по умолчанию)
    includeBodies: false, // не включать тела в breadcrumbs (по умолчанию)
  }),
})

Каждый запрос становится breadcrumb-ом Sentry. HTTP 5xx-ответы и сетевые ошибки также отправляются как события Sentry через captureMessage.