Maison >interface Web >js tutoriel >Comment utiliser nodejs pour restituer les ressources de la page via la réécriture de réponse

Comment utiliser nodejs pour restituer les ressources de la page via la réécriture de réponse

php中世界最好的语言original: 2018-05-26 14:52:211587parcourir

Cette fois, je vais vous montrer comment utiliser nodejs pour restituer les ressources de page via l'écriture de réponse. Quelles sont les précautions pour utiliser nodejs pour restituer les ressources de page via l'écriture de réponse. Voici un cas pratique. un regard.

Ce qui suit consiste à lire l'intégralité du contenu d'un fichier de manière asynchrone via l'API readFile fournie par node. Le code est le suivant :

html

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="./static/style.css" rel="external nofollow" />
  <title>Document</title>
</head>
<body>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <p>这是一个p </p>
  <script type="text/javascript" src="./static/test.js"></script>
 </body>
</html>

/static. dossier Mettez les fichiers test.js et style.css

 p:nth-child(1){
  font-size: 50px;
  color: red;
}
p:nth-child(3){
  font-size: 80px;
  color: blue;
}
p:nth-child(6){
  font-size: 100px;
  color: blueviolet;
}

app.js

 // 搭建服务
var http = require('http');
var fs = require('fs');
var server = http.createServer();
server.on('listening',()=> {
  console.log('server starts at localhost 8080');
})
server.listen('8080','localhost');
//监听服务
server.on('request',(req,res)=>{
  if(req.url == '/') {//渲染html文件
    fs.readFile('./html/node.html',(err,info)=>{
       res.write(info);
       res.end();
    })
  } else if(req.url.startsWith('/static')) {//统一渲染html需要的static静态文件到页面
    fs.readFile(dirname + req.url,(err,info) =>{
      res.write(info);
      res.end();
    })
  }
})

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article Pour plus de passionnant. Pour plus d'informations, veuillez prêter attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Comment utiliser JS pour trouver l'élément maximum d'un tableau de type Nombre

Comment utiliser vue pour implémenter la fonction de liste déroulante

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser vue pour implémenter la fonction de liste déroulanteArticle suivant：Comment utiliser vue pour implémenter la fonction de liste déroulante

Articles Liés

Voir plus