I have the following code that requests the Google.com homepage and sends the page data back to an Iframe on the client side.
 var options = {
    host: 'www.google.com',
    port: 80,
    path: '/',
    method: 'GET'
  };
  var req = http.get(options, function(res) {
    var pageData = "";
    res.setEncoding('utf8');
    res.on('data', function (chunk) {
      pageData += chunk;
    });
    res.on('end', function(){
      response.send(pageData)
    });
  });
However, all images and CSS are broken in the iframe? How can I preserve the images and CSS?
Simplest solution is to add <base href="http://google.com/"> to the html. Preferably in the head, so do string replace on '<head>' and replace in with '<head><base href="http://google.com/">'
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With