Giter VIP home page Giter VIP logo

Comments (3)

Rob--W avatar Rob--W commented on June 4, 2024 1

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.

from cors-anywhere.

Rob--W avatar Rob--W commented on June 4, 2024

Can you show an example of how you are using CORS Anywhere in this way?

from cors-anywhere.

erwinyusrizal avatar erwinyusrizal commented on June 4, 2024

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 in return html but still doesnt work since i think it should be done in cors anywhere

Thanks

from cors-anywhere.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.