Unsafe attempt to load URL <URL> from frame with URL <URL>. Domains, protocols and ports must match.

All svg are visible in localhost but invisible in server

Unsafe attempt to load URL <URL> from frame with URL <URL>. Domains, protocols and ports must match.

and

svgxuse.js:1 Mixed Content: The page at 'https://www.aaaa.world/home' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.aaaa.world/svg-icons/sprites/icons.svg'. This request has been blocked; the content must be served over HTTPS.

lostdreamer_nl

7 years ago

Level 53

like the error states: You are on a HTTPS website, and trying to load content from HTTP website.

You cannot do that.

You probably have the images as:

<img src="http://www.aaaa.world/svg-icons/sprites/icons.svg">

Either change that to:

<img src="/svg-icons/sprites/icons.svg">
// or
<img src="//www.aaaa.world/svg-icons/sprites/icons.svg">

Both will force the browser to stick to the same (httpS) protocol.

note: On your localhost this is working fine because your localhost is working on HTTP instead of HTTPS

1 like

martinbean

7 years ago

Level 80

@Dev0ps The error message is telling you what the problem is. Your page is on a secure domain (https://www.aaaa.world) but something is trying to load an SVG icon from an insecure domain (http://www.aaaa.world).

1 like

Dev0ps

7 years ago

Level 3

Thanks, Friends I solve it by adding

AddType image/svg+xml .svg .svgz

Please or to participate in this conversation.