3この記事は815文字で約3分で読めますエラーの見逃しがよくあるある.自分で作ったWebアプリを何気なく触っていたらバックエンドのAPIと通信するaxiosの実装ミスで期待する動作になっておりませんでした。レスポンスで200OK以外が返却された場合ERRORとなってしまうため、READMEによるとしっかりcatchしてあげる必要があったようです。axiosのresponseから取得できるstatuscodeでハンドリングするものだと思っていた・・・。Error('PdfFileNotFound');それはさておき、エラーが出ていても気が付かなかったのが問題ですので、何とかします。ContentsSentryをVue.jsで使ってみるmain.ts実際にエラーを起こしてみた結論SentryをVue.jsで使ってみるというわけでさっそくSentryを入れてみます。Sentryとはエラーイベントを収集・解析して通知するサービスです。Cloudwatchでもいいのですが、アプリへの導入が簡単にできるのが魅力です。フロントエンドだと、OS・ブラウザ情報や認証情報も取ってくれる優れものです。h(App),}).$mount('#app');SentryInitを呼び出すだけです。Vue用にIntegrateされたSentryVueを呼び出します。実際にエラーを起こしてみた実際にエラーを起こします。F12で確認してみると404NotFoundのエラーが出ています。Sentryに早速エラーが通知されます。エラーが発火したコード位置もわかります。SlackにIntegrationすれば通知もリアルタイムできます。出てきたエラーはIssuesとしてまとめられます。有料版ではカテゴライズもされるようですが、お金がないので無料版です。簡単に実装できたのでいろんなところに入れてみようと思います。