Home > Article > Web Front-end > How to operate nodejs to render page resources through response writeback
This time I will show you how to operate nodejs to render page resources through response writeback, and how to operate nodejs to render page resources through response writeback. What are the precautions?The following is a practical case, let's take a look .
The following is to read the entire content of a file asynchronously through the api readFile provided by node. The code is as follows:
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 Put test in the folder .js and style.css files
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(); }) } })
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading:
How to use JS to find the maximum element of a Number type array
How to use vue to implement the drop-down list function
The above is the detailed content of How to operate nodejs to render page resources through response writeback. For more information, please follow other related articles on the PHP Chinese website!