Enable Embedded Dashboard Access From Other Sites Using Cross-Origin Sharing (CORS)
Cross-origin resource sharing (CORS) is a new standard introduced in HTML 5 that allows web applications to use HTTP headers to specify which origins are permitted to request resources on the server. Cross-origin resource sharing provides a web application access to selected resources running at a different location. Modern web browsers will consult the Access-Control-Allow-Origin header on how to relax the same origin policy for a given page. By default, this setting was disabled starting version 1.5.0SR1 due to security vulnerability concerns. However, CORS can be enabled for certain or all domains by editing the
zoomdata.properties file (located in
For more information about CORS, see https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS.
To modify cross-origin request permissions:
From your terminal, open a command line session.
Connect to your Composer server via a command prompt.
Use the following command to access and open the
Add the following variables to the file on new lines:
<source>with the actual sources that may embed resources. The default is an asterisk (
*), or all sources. For more information about the Content-Security-Policy (CSP) frame-ancestors directive, see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors.
<origin2>with your specific URI including
httpsas appropriate. Use
*as a wildcard instead of a specific origin, thereby allowing any origin to access the resource, keeping in mind that this is a potential security vulnerability and may not work with all browsers. Refer to your Tomcat documentation to verify the appropriate syntax to use.
Save the document using standard
Restart Composer microservices after making this change and also make sure to clear your browser cache. See Restart Composer Microservices.