Node JS- HTML Links

General Tech Bugs & Fixes 2 years ago

0 2 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

 

I am new to node js, trying to make my first static web-pages using the technology. I have simply linked the css,images to my html file using node-js.

Now, I am trying to add links to my file but its not working. Below is my code of html:

<html>
  <link rel="stylesheet" type="text/css" href="./css/style.css">
  <h1 class="had"><a href="/next">Hello I m here</a>h1>
  <img src="images/download.jpg" alt="img not found">
  <img src="images/flower.png" alt="img not found">
html>

and Node-Js:

var http = require('http');
var fs = require('fs');
var path = require('path');

http.createServer(function(req,res){
   if(req.url === "/index"){
      fs.readFile("./public/index.html","UTF-8",function(err,html){ 
          res.writeHead(200,{"Content-Type":"text/html"});
          res.end(html);
      });
   }
   else if(req.url.match("\.css$")){
      var csspath = path.join(__dirname,'public',req.url);
      var filestream = fs.createReadStream(csspath,"UTF-8");
      res.writeHead(200,{"Content-Type":"text/css"});
      filestream.pipe(res);
   }
   else if(req.url.match("\.jpg$")){
      var jpgpath = path.join(__dirname,'public',req.url);
      var filestream = fs.createReadStream(jpgpath);
      res.writeHead(200,{"Content-Type":"image"});
      filestream.pipe(res);
   }
   else 
                                                
                                                
0 views
0 shares
profilepic.png
manpreet 2 years ago

Could you please tell whether all links or not working or only some specific one?

In your , the path to m.tuteehub.com/tag/file">file might not be resolved, if your html m.tuteehub.com/tag/file">file next is in the same directory then do it this m.tuteehub.com/tag/way">way

 <html>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <h1 m.tuteehub.com/tag/class">class="had"><a href="./next">Hello I m here</a>h1>
    <img src="images/download.jpg" alt="img not found">
    <img src="images/flower.png" alt="img not found">
 html>

if it's in some other directory then give the absoulute path


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.