2.创建项目选择自己需要监听的语言框架

编辑

3 . 创建 Vite 模板下载下面三个包进行初始化

npm i @sentry/tracing


npm i @sentry/vue

npm i vite-plugin-sentry

解决 vite-plugin-sentry 下载不了得问题如果报错下载不来执行》》》》

npm i vite-plugin-sentry --ignore-scripts

4.在main.js初始化 sentry后台点击项目即可拿到对应的dsn都写好了直接复制就好

编辑

编辑 5.初始化完成即可在后台看到错误

编辑

最重要的来了------

当我们需要打包上线的时候监听到线上的代码报错以及错误信息

编辑

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import viteSentry from 'vite-plugin-sentry'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    viteSentry({
      url: '当前服务器ip:9000/',
      authToken:
        'e241122f5e300cf54d64897ee0c968910112e011520cb79f46f09916de9ca8b51bb8', 

//sentry授权令牌 // 下面有获取的详细
      org: 'sentry',
      project: 'sentryboxcs',
      release: 'sentryboxcs@1.0.0',
      deploy: {
        env: 'production'
      },
      setCommits: {
        auto: true
      },
      sourceMaps: {
        include: ['./dist/assets'],
        ignore: ['node_modules', 'vite.config.js'],
        urlPrefix: '~/js'
      }
    }),
    vue()
  ],
  build: {
    sourcemap: true // 允许使用sourmap
  }
})