replayIntegration workerUrl config

[keith-wsg]

Hi everyone,

I followed https://docs.sentry.io/platforms/javascript/guides/vue/session-replay/configuration/#using-a-custom-compression-worker to set up the worker script in my website.

Here is the config

package.json

"@sentry/vue": "npm:@sentry/vue@^7.62.0",
"vue": "^2.6.14",

main.js

Sentry.init({
  Vue,
  dsn: process.env.VUE_APP_SENTRY_DSN,
  environment: process.env.NODE_ENV,
  replaysSessionSampleRate: parseFloat(process.env.VUE_APP_SENTRY_REPLAY_SESSION_SAMPLE_RATE),
  replaysOnErrorSampleRate: parseFloat(process.env.VUE_APP_SENTRY_REPLAY_ON_ERROR_SAMPLE_RATE),
  integrations: [
    Sentry.replayIntegration({
      maskAllText: true,
      blockAllMedia: true,
      workerUrl: '/js/worker.min.js'
    }),
    
  ]
})

I am able to load the worker.min.js

However, it still has the CSP problem in console. Please give me some idea if anyone knows it.

Thanks!

Keith

[lforst]

Can you share the CSP error?

[keith-wsg]

sure and thanks for your reply!

[keith-wsg]

The CSP error pops up if I added Sentry.replayIntegration() in the config.

[lforst]

It seems like you need to add the worker script to your allowed inline scripts.

[kk12837]

I did.

worker-src ‘self’ blob:

is this correct?