nodejs envoyer fichier html au client

- Je utiliser cette fonction pour envoyer fichier html pour le client, mais en client je ne reçois rien (page blanche) sans erreur. Quelque chose me trompe?, s'il vous plaît aider?

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);

Mon test.html fichier

<!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>
  • c'est que tout le code?
  • J'ai juste édité
InformationsquelleAutor user3044147 | 2013-12-03
  1. 54

    Essayer votre code comme ceci:

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

    1. Utilisation res.sendFile au lieu de lire le fichier manuellement, donc express peut gérer le paramètre le type de contenu correctement pour vous.

    2. Vous n'avez pas besoin de la app.engine ligne, comme c'est géré en interne par l'express.

    • Merci, c'est du travail!
    • Vous êtes les bienvenus!
    InformationsquelleAutor Tim Brown
  2. 3

    Après des années, je veux ajouter une autre approche à l'aide d'un vue moteur dans 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)
})

    Alors, faites-le dans votre views/test si vous choisissez res.render méthode dans le code ci-dessus (je suis en train d'écrire dans EJS format):

    <%- locals.html %>

    C'est tout.

    De cette façon, vous n'avez pas besoin de casser votre Moteur d'Affichage des arrangements.

    InformationsquelleAutor efkan
  3. 1

    vous pouvez vous rendre à la page en exprimer plus facilement 

    var app   = require('express')();        //to install express write "npm install express"

app.get('/signup',function(req,res){

 res.sendFile(path.join(__dirname+'/signup.html'));

    });

    donc si u demande comme http://127.0.0.1:8080/signup qu'il rendra signup.html page

    InformationsquelleAutor Adiii