• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
  • 位置:OC中文网 > 其他 > Network >

    前端日志监控平台 @sentry/browser的使用方法

    来源:vue-gis 时间:03-15

    @sentry/browser用是一个前端监控的平台,在vue项目中使用方法如下:

    1,sentry账号注册

    以VUE项目为例,我们在sentry官网https://sentry.io先注册一个账号。

    创建一个项目,选择Browser分类下的vue,然后起一个项目名vue-gis,点击创建项目

    选择确定,进入项目,在上传sourcemap的时候将用到,右上角圈出来的Environment可以在初始化的时候进行设置,查看错误的时候我们可以选择测试或者生产的数据:

    2 安装

    npm install @sentry/browser --save

    3 使用

    在main.js文件中引入并初始化

        import * as Sentry from '@sentry/browser'
        Sentry.init({
        dsn: '上报地址',
        integrations: [new Sentry.Integrations.Vue({ Vue })],
        release: '版本号',
        environment:'环境,比如生产或者测试'
      })