Open erwinyusrizal opened 7 years ago
Can you show an example of how you are using CORS Anywhere in this way?
Hi Rob, thanks for get back to me,
I use cors anywhere using ajax and inject it the return html to an iframe
var iframe = document.getElementsByTagName('iframe')[0];
var url = iframe.getAttribute('data-url');
var loadHTML = function (html) {
iframe.src = 'about:blank';
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '">'));
iframe.contentWindow.document.close();
}
$('#loader').fadeIn(function(){
$.ajax({
url: 'https://cors-anywhere.herokuapp.com/'+url,
success: function(html){
loadHTML(html);
$('#loader').fadeOut();
}
});
});
all assets like images, js, css are loaded since its all in the html, but the font which is loaded in the css, is not allowed by the cors policy, I tried to add
Thanks
CORS Anywhere is not supposed to be used as a generic proxy. In particular, it does not attempt to modify response bodies. If you wish to "proxy everything", you have to fetch the (remote) resources with AJAX, detect any URLs inside and rewrite the URL.
I guess that the font is referenced in CSS using url("/path/to/font.woff")
or something, which will obviously not work since in CORS Anywhere the start of the path must be the host name.
Hi I tried the demo, all website assets loaded except the font with relative path inside css not loaded. I use iconmoon font icon and all css and js is bundled, css and js are loaded but the icon font not working
any idea why? Thanks,