nodejs send html file to client

Question

nodejs send html file to client

209.6k views Asked by user3044147 At 15 September 2024 at 12:57

I use this function to send a html file to the client, but in the client, I get nothing (blank page) without error. Is something wrong? please help.

    var express = require('express'); 
    var fs = require('fs');
    var app = express();
    app.set('view engine', 'jade');
    app.engine('jade', require('jade').__express); 
    app.get('/test', function(req, res) {
      fs.readFile(__dirname + '/views/test.html', 'utf8', function(err, text){
        res.send(text);
    });
    var port = process.env.PORT || 80;
    var server = app.listen(port);
    console.log('Express app started on port ' + port);

My test.html file

<!DOCTYPE html>
    <html>
       <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <style something here </style>
          <title>Test</title>
          <script src="..."></script>
       </head>
    <body>
        <div> Somthing here </div>
    
        <script type="text/javascript">
            //something here
        </script>
    </body>
</html>

Original Q&A

There are 7 answers

Divya Balaji On 18 July 2023 at 20:21

In Controllers -> use this in get all routes in index.js

To render html
const router = require('express').Router()
const path = require('path')`enter code here`


router.get('/',(req,res)=>{
  res.sendFile(path.join(__dirname,'/../views/test.html'))
})








To render EJS:
In server.js
const express = require('express');
const bodyParser = require('body-parser');

app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static('public'))
app.use(bodyParser.json()) 
app.set('view engine','ejs')


In Controller- index.js
const express = require('express')
const app = express()
const router = require('express').Router();
const path = require('path')


router.get('/',(req,res)=>{
res.render('test')
})

efkan On 19 June 2016 at 10:22

After years, I want to add another approach by using a view engine in Express.js

var fs = require('fs');

app.get('/test', function(req, res, next) {
    var html = fs.readFileSync('./html/test.html', 'utf8')
    res.render('test', { html: html })
    // or res.send(html)
})

Then, do that in your views/test if you choose res.render method at the above code (I'm writing in EJS format):

<%- locals.html %>

That's all.

In this way, you don't need to break your View Engine arrangements.

M22 On 21 March 2021 at 22:38

The "../" is considered malicious and will result in ForbiddenError: Forbidden at SendStream.error... exception.

The way to go is using a path module:

var path = require('path');
res.sendFile(path.resolve('views/auth/success.html'));

Gaurav Tripathi On 02 February 2023 at 07:10

var app = express();

app.get('/test', function(req, res) {
  res.sendFile(__dirname + "/view/test.html")
});

Here __dirname, gives you the current path where your files are saved. So in res.sendFile(), we first tell our current location by __dirname + (then we locate the specific file which should we shown on the home page i. e ) "vies/test.html".

Adiii On 29 October 2016 at 04:41

you can render the page in express more easily


 var app   = require('express')();    
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'jade');
 
    app.get('/signup',function(req,res){      
    res.sendFile(path.join(__dirname,'/signup.html'));
    });

so if u request like http://127.0.0.1:8080/signup that it will render signup.html page under views folder.

Ontor Hazary On 18 November 2021 at 21:05

Follow this simple process and send html file -> res.sendfile("views/home.html"); // don't use capitla latter F with sendFile you must be use small letter f example : sendfile();

**Tim Brown** · Accepted Answer · 2013-12-03 09:37:56

Try your code like this:

var app = express();
app.get('/test', function(req, res) {
    res.sendFile('views/test.html', {root: __dirname })
});

Use res.sendFile instead of reading the file manually so express can handle setting the content-type properly for you.
You don't need the app.engine line, as that is handled internally by express.

TechQA.

nodejs send html file to client

There are 7 answers

Related Questions in NODE.JS

Related Questions in EXPRESS

Related Questions in HTML-RENDERING

Popular Questions

Popular Tags

Trending Questions