Sentry項目監控工具結合vue的安裝與使用（前端）

1、官網：https://sentry.io/welcome/

2、介紹

　　Sentry 是一個開源的實時錯誤報告工具，支持 web 先後端、移動應用以及遊戲，支持 Python、OC、Java、Go、Node、Django、RoR 等主流編程語言和框架 ，還提供了 GitHub、Slack、Trello 等常見開發工具的集成。能夠多團隊、多開發一塊兒管理。

3、安裝

一、首先你得有個Sentry的帳號，這個就很少說了，本身去註冊一個

二、註冊成功後進入系統首先修改下語言和時區

　　a、語言全是英文，若是你是英文大神可不修改；（修改後部分會變成中文，但仍是會有英文）

　　b、時區：要修改爲你如今工做國家時區，否則報錯時間和如今國家的時間對應不上

                 

               第一步                                                                                                             第二步

 

  由於我已經配置好了，語言選簡體中文，時區選上海（我沒找到北京）

三、配置項目

  a、進入系統  會讓你自動選語言和框架

 

b、選擇後會出現一段配置代碼，複製粘貼到vue項目中main.js中

 

c、安裝Sentry工具

npm install @sentry/browser

 

d、好了完成，他會監控到頁面的事件、功能的報錯和接口請求問題，看下報錯列表

 

e、點進去一個

 

會定位到對應的電腦型號、瀏覽器、和ip，下面還有不少監控到的信息，我就不一一截圖了；

若是你想對應到那個用戶，能夠到說明文檔找對應的方法來配置