Backend: Error Monitoring
Go
JS
Python
Fullstack Frameworks
Next.JS
Self Host & Local Dev
Menu
Content-Security-Policy
You should keep reading this if your application runs in an environment that enforces content security policies.
Content-Security-Policy allows you to tell the browser what and how your page can interact with third-party scripts.
Here are the policies you'll need to set to use Highlight:
- script-src:- https://static.highlight.io- This policy is to allow downloading the Highlight runtime code for session recording and error monitoring.
 
- worker-src:- blob: https://static.highlight.io- This policy allows our script to create a web-worker which we use to serialize the recording data without affecting the performance of your application.
 
- connect-src:- https://pub.highlight.run- This policy is to allow connecting with Highlight servers to send recorded session data.
 
Your CSP definition may look something like this:
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://static.highlight.io; worker-src: blob: https://static.highlight.io; connect-src https://pub.highlight.run;" />