前端接入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
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值