前端接入sentry可能会遇到的坑

前端接入sentry可能会遇到的坑

  1. 多个项目下,sourcemap 会混乱
    解决:
    在配置版本的时候除了填写版本号,最好在版本号添加该项目名称前缀

  2. sourcemap 源码定位不了
    解决:
    1. 仔细查看对应的路径是否正确
    2. nginx 是否设置了上传的最大限度(这里会有报错)
    3. SentryWebpackPlugin 的urlPrefix配置错误(打开对应的web程序,打开网络控制面板,筛选js,查看该js 对应请求的地址即可,例如:http://xxxxx.com/static/1.js 那么我们就填写:http://xxxxx.com/static)
    4. 版本号要一致
    5. token的生成一定要给写入权限

  3. 异步错误不捕获不上报(全网唯一正确的解决方案)

    1. 查看你的js资源是不是cdn请求过来的,或者跟当前网址不一致
    2. 本地调试时,异步错误正常捕获,线上不捕获不上报
      解决:
      配置webpack的output,
    output: {
    	...,// 你的其他配置
     	crossOriginLoading: 'anonymous'
     }
     // 具体查看相关api
     https://webpack.docschina.org/configuration/output/#outputcrossoriginloading
    

你可能感兴趣的:(其他,前端,sentry,javascript)