Comment utiliser nodejs pour restituer les ressources de la page via la réécriture de réponse-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-05-26 14:52:21

original

1494 Les gens l'ont consulté

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>

Copier après la connexion

/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;
}

Copier après la connexion

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

Copier après la connexion

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!