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