Protocol must match : power bi embed error

I am getting belwo error 

Blocked a frame with origin "http://localhost:6790" from accessing a frame with origin "https://embedded.powerbi.com". The frame requesting access has a protocol of "http", the frame being accessed has a protocol of "https". Protocols must match.

My code: 

Snippet

var iframe = document.createElement("iframe");
                            iframe.style.display = "none";
                            iframe.src = data.Report.EmbedUrl.replace('https:','');
                            iframe.onload = (function () {
                                iframe.style.display = "block";
                                var m = {
                                    action: "loadReport", accessToken: data.AccessToken
                                };
                                message = JSON.stringify(m);
                                iframe.contentWindow.document.postMessage(message, "*");
                                alert("loaded");
                            });
                            document.getElementById("reportframe").appendChild(iframe);