RavenVue / Vue plugins: 413 Request Entity Too Large

I’m just getting started with Sentry/Raven. I’d like to get this running in Vue 2, but I’m experiencing an issue that might be a bug, or at least requires better documentation.

Environment

Vue 2, Webpack 2, raven-js via yarn (npm). Attempting to use RavenVue and Vue plugins with .addPlugin(RavenVue, Vue).

What is the current behavior?

When using RavenVue and Vue plugins, I get a 413 (Request Entity Too Large) error response. If I delete data.extra.propsData in the config’s dataCallback, the request will go through. What is the size limit, 100k (#339)?

[fcoury]

@bjunc for now I settled with removing the fields unconditionally but this seems like a good approach as well. I wish Sentry provided an add-on to allow going over the limit.

[kamilogorek]

@bjunc

https://github.com/getsentry/sentry-docs/pull/310

tl;dr

What is the size limit, 100k

200kB, or 64kB you use keepalive:true in fetch

Is there a way to bump the limit on Sentry?

no, it’s not JS SDK limitation, but rather a whole system’s

how to intercept and change the payload before sending it out to Sentry

old SDK: dataCallback new SDK: beforeSend or event processors once we document them fully

I was considering something along the lines of the json-size NPM package. If the data is less than

100k, then send the whole thing. If not, go through and prune See my implementation of this approach here: https://github.com/getsentry/sentry-javascript/issues/874#issuecomment-379731186 which can be easily modified to be used in the Vue. We’ll most likely provide more straightforward solution moving forward.