Vue

Для Vue используется тот же браузерный SDK @hawk.so/browser, что и для обычных JavaScript/TypeScript-приложений. Установка, базовая инициализация, ручная отправка ошибок, фильтрация данных и настройка source maps описаны в инструкции Браузер.

Особенности интеграции с Vue

В отличие от обычного браузерного подключения, для Vue нужно дополнительно подключить обработчик ошибок Vue-приложения. Для этого передайте инстанс Vue в параметр vue при инициализации HawkCatcher. В браузерной документации этот параметр описан как Vue-specific опция, которая включает обработку ошибок во Vue-приложениях.

import Vue from 'vue'; import HawkCatcher from '@hawk.so/browser'; const hawk = new HawkCatcher({ token: 'ВАШ_ТОКЕН_ИНТЕГРАЦИИ', vue: Vue, });

После этого ошибки, перехваченные Vue error handler, будут отправляться в Хоук вместе с обычными браузерными ошибками. Это и есть главное отличие Vue-интеграции от базового browser-сценария.

Отключение Vue error handler

Если вам нужно использовать только браузерный перехват ошибок и не подключать обработчик Vue, передайте параметр disableVueErrorHandler.

import Vue from 'vue'; import HawkCatcher from '@hawk.so/browser'; const hawk = new HawkCatcher({ token: 'ВАШ_ТОКЕН_ИНТЕГРАЦИИ', vue: Vue, disableVueErrorHandler: true, });

Параметр disableVueErrorHandler описан в браузерной документации как отдельная опция конфигурации.

Что ещё настроить

Для остальной настройки используйте основную инструкцию: см. страницу: Браузер.