CSP: connect-src
CSP: connect-src
The HTTP Content-Security-Policy
(CSP) connect-src
directive restricts the URLs which can be loaded using script interfaces. The APIs that are restricted are:
Note: connect-src 'self'
does not resolve to websocket schemes in all browsers, more info in this issue .
CSP version
1
Directive type
Fetch directive
default-src
fallback
Yes. If this directive is absent, the user agent will look for the default-src
directive.
Syntax
One or more sources can be allowed for the connect-src policy:
Violation cases
Given this CSP header:
The following connections are blocked and won't load:
< a ping = " https://not-example.com" >
< script>
const xhr = new XMLHttpRequest ( ) ;
xhr. open ( "GET" , "https://not-example.com/" ) ;
xhr. send ( ) ;
const ws = new WebSocket ( "https://not-example.com/" ) ;
const es = new EventSource ( "https://not-example.com/" ) ;
navigator. sendBeacon ( "https://not-example.com/" , {
} ) ;
</ script> </ a>
Specifications
Browser compatibility
Desktop
Mobile
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
WebView Android
Chrome Android
Firefox for Android
Opera Android
Safari on IOS
Samsung Internet
connect-src
25
14
23
Before Firefox 50, ping attributes of <a> elements weren't covered by connect-src.
No
15
7
Yes
Yes
23
Yes
7
Yes
Compatibility notes
Prior to Firefox 23, xhr-src
was used in place of the connect-src
directive and only restricted the use of XMLHttpRequest
.