Replay: recording fails with CSP errors when using base localhost.

[lucas-zimerman]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using? If you use the CDN bundles, please specify the exact bundle (e.g. bundle.tracing.min.js) in your SDK setup.

@sentry/react

SDK Version

7.37.1

Framework Version

No response

Link to Sentry event

https://sentry-sdks.sentry.io/replays/sentry-capacitor:37499c8735df470d9545817c6c40208d/?referrer=%2Fdiscover%2F%3AeventSlug%2F&t=7&t_main=console

SDK Setup

I noticed that if you include the following line <base href="http://localhost/"/>

Sample: https://github.com/lucas-zimerman/sample-react (based on Relay demo with pictures and the base code added)

Steps to Reproduce

Follow the README.md steps, but basically run the code and press the ' break ' button

Expected Result

No errors on the console.

Actual Result

Related to getsentry/sentry-capacitor#318

UPDATE: Error can be mitigated by adding the following block parameter base[href="/"]

[Lms24]

Seems like adding this selector to block would be the best course of action then. I wonder though if this has implications for the behaviour of the site, considering the base tag's purpose.

[billyvg]

Anecdotally, base already plays poorly with the player. This is also something to think about for #7007

[billyvg]

Closed in #7233 (Thanks Lucas!)