码迷,mamicode.com
首页 > 其他好文 > 详细

Sentry项目监控工具结合vue的安装与使用(前端)

时间:2019-01-09 16:11:21      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:https   自动   target   截图   targe   github   自己   nod   try   

一、官网:https://sentry.io/welcome/

二、介绍

  Sentry 是一个开源的实时错误报告工具,支持 web 前后端、移动应用以及游戏,支持 Python、OC、Java、Go、Node、Django、RoR 等主流编程语言和框架 ,还提供了 GitHub、Slack、Trello 等常见开发工具的集成。可以多团队、多开发一起管理。

三、安装

1、首先你得有个Sentry的账号,这个就不多说了,自己去注册一个

2、注册成功后进入系统首先修改下语言和时区

  a、语言全是英文,如果你是英文大神可不修改;(修改后部分会变成中文,但还是会有英文)

  b、时区:要修改成你现在工作国家时区,不然报错时间和现在国家的时间对应不上

技术分享图片                 技术分享图片

               第一步                                                                                                             第二步

 

  因为我已经配置好了,语言选简体中文,时区选上海(我没找到北京)

3、配置项目

  a、进入系统  会让你自动选语言和框架

技术分享图片

 

b、选择后会出现一段配置代码,复制粘贴到vue项目中main.js

技术分享图片

 

c、安装Sentry工具

npm install @sentry/browser

 

d、好了完成,他会监控到页面的事件、功能的报错和接口请求问题,看下报错列表

技术分享图片

 

e、点进去一个

技术分享图片

 

会定位到对应的电脑型号、浏览器、和ip,下面还有很多监控到的信息,我就不一一截图了;

如果你想对应到那个用户,可以到说明文档找对应的方法来配置

 

Sentry项目监控工具结合vue的安装与使用(前端)

标签:https   自动   target   截图   targe   github   自己   nod   try   

原文地址:https://www.cnblogs.com/shizk/p/10244921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!