TomerLand - Hey, I want to customize some icons...
Hey, I want to customize some icons in the embedded app, spotter for example
I set up the svg in the following public address
I added
I added the following link in the sprite config
now, when I load the embedded component, I’m getting
any ideas how to debug that?
I set up the svg in the following public address
https://myhost.com/my-icon.svgI added
https://myhost.comCSP connect-srcCSP img-src domainsI added the following link in the sprite config
const iconSpriteUrl = 'https://myhost.com/my-icon.svg';now, when I load the embedded component, I’m getting
request-interceptor.ts:24 Fetch API cannot load https://myhost.com/my-icon.svg. Refused to connect because it violates the document's Content Security Policy.any ideas how to debug that?
Solution
Hey @TomerLand ,
I suppose your dev.dev.env0 - server hosting the SVG accepting requests from the insights.env0.com - Please check this. ( basically hitting the CORS here )
I hope you have whitelisted everything according to docs.
If nothing works test it once with - Add the svg on github - get the jsdeliver url for the svg and try it out.
Otherwise let's quick connect if nothing works out of the above.
I suppose your dev.dev.env0 - server hosting the SVG accepting requests from the insights.env0.com - Please check this. ( basically hitting the CORS here )
I hope you have whitelisted everything according to docs.
If nothing works test it once with - Add the svg on github - get the jsdeliver url for the svg and try it out.
Otherwise let's quick connect if nothing works out of the above.
