Handle wszystkich errrorów JS

Question

Hej,

Mam apkę napisaną w Vuejs i chciałbym łapać errory i warningi z console loga. Znalazłem coś takiego:

Vue.config.errorHandler = (err, vm, info) => {
 //
};

Kod ten działa ale nie łapie np.  errorów z methods. Chciałbym aby każdy error i warning był łapany.

Czy ktoś możne zna rozwiązanie na ten problem?
I jeszcze korzystając z okazji:
Lepiej użyć rollbara czy Senty?

Comments

Chodzi Ci o wrapowanie wszystkich metod console i żeby co z nimi zrobić?

---

Ogólnie to chodzi mi o przechwytywanie wszelkich błędów i ostrzeżeń. Normalnie apka nie posiada błędów i ostrzeżeń. Raz tam wyskoczył błąd gdy zrobiłem update profilu, odświeżyłem stronę i otworzyłem side panel (Wyskoczył błąd undefined). Teraz jako że z apki będzie korzystać 5 osób, to chciałbym obserwować czy nic się nie pojawia jak np. gdzieś zaległe tłumaczenie etc.

Answer 1

Jeśli szukasz rozwiązania, które pozwoli na wysyłanie logów z przeglądarki na serwer, to są gotowe serwisy, na przykład:

https://logrocket.com/for/javascript-error-logging/

https://www.loggly.com/

http://logio.org/

Możesz też zrobić podstawową wersję sam. Nadpisz metody obiektu console własną funkcją, która w razie wywołania wyśle ajaxa z parametrami wywołania, stack tracem, komunikatem błędu itd na Twój serwer. Ewentualnie użyj Proxy na obiekcie console z trapem na apply, żeby zrobić to w bardziej kompaktowej formie.

Comments

Dzięki za podesłanie serwisów. Wlaśnie korzystam z takiego serwisu (Rollbara) i wszystko działa bez zarzutu tylko no wlaśnie vue nie przesyła wszystkich errorów do niego i w tym jest problem. Jak nadpisać taką metodę? Nie chodzi mi o gotowca tylko nakierowanie jak mam szukać tego :)

---

const consoleLog = console.log.bind(console);
console.log = function() {
    // pseudo tablica arguments zawiera argumenty, z którymi została wywołana funkcja
    // wysłanie ajax do serwera z parametrami loga (m.in. wspomniane arguments)

    consoleLog(...arguments); // wywołaj oryginalny console.log z tymi samymi argumentami
};

Analogicznie dla pozostałych metod obiektu console (na upartego można w pętli).

Ważne, żeby zrobić to jako pierwszy skrypt - zanim załaduje się jakikolwiek inny skrypt na stronie (Twój lub framework/biblioteka).

---

Serdecznie dziękuje! :)