Network Dashboard
Универсальный плагин мониторинга сети для Vue 3 — перехватывает HTTP, WebSocket и SSE-трафик, санитизирует чувствительные данные и предоставляет реактивную статистику.
Перехват всех типов сетевых запросов
Единый плагин перехватывает Fetch, XMLHttpRequest, WebSocket и Server-Sent Events (SSE), приводя их к унифицированному формату логов. Все события сохраняются реактивно в Vue-хранилище с полной информацией о запросах, ответах, заголовках, телах, времени выполнения и ошибках.
Безопасность и санитизация данных
Автоматическая маскировка чувствительных заголовков (Authorization, Cookie, X-API-Key), удаление конфиденциальных полей из тела (password, token, secret) и частичное маскирование PII (email, phone, address). Настройки санитизации расширяются, а логи всегда хранятся безопасно.
Встроенный UI-инструментарий с виртуальным скроллом
Готовый отладочный дашборд с фильтрацией по типу, URL, методу, статусу, длительности, телу и роуту. Живая статистика, таймлайн, группировка, поиск по телу с regex, подсветка вхождений, копирование как cURL, экспорт в HAR/JSON/CSV и полноэкранный режим.
Моки, трансформация ответов и брейкпоинты
Создавайте мок-правила с условиями (URL, метод, query, headers, тело) и организуйте их в группы. Трансформируйте реальные ответы на лету (изменение статуса, слияние/удаление полей). Устанавливайте брейкпоинты для паузы, редактирования и отпускания запросов.
Глубокая интеграция и расширенная аналитика
Автоматическое определение GraphQL (тип, имя, переменные), обнаружение N+1 запросов, импорт HAR/OpenAPI, сравнение сессий, дифф-вью и сетевая симуляция (Throttling). Готовые адаптеры для Sentry и OpenTelemetry, Vue DevTools и Nuxt-модуль.