如何在 Node.js 中呈现 HTML 的纯文本？

Express Js 是基于 Node.js Web 服务器功能的 Web 应用程序框架，可帮助我们创建基于 HTTP 请求（POST、GET 等）方法和请求的路由响应的应用程序端点。 express.js 模块的 res.sendFile() 方法用于呈现本地计算机中存在的特定 HTML 文件。

句法：

res.sendFile(path,[options],[fn])

参数：path参数描述路径，options参数包含maxAge、root等各种属性，fn是回调函数。

返回：它返回一个对象。

项目设置：

第 1 步：如果您的计算机中未安装 Node.js，请安装 Node.js。

第 2 步：在公用文件夹中创建一个名为 public 的新文件夹。在公用文件夹中创建两个名为 index.html 和 products.html 的文件。

第 3 步：现在，在命令行上使用以下命令使用默认配置初始化一个新的 Node.js 项目。

npm init -y

第 5 步：现在在命令行中使用以下命令在项目中安装 express。

npm install express

项目结构：按照这些步骤操作后，您的项目结构将如下所示。

app.js

// Importing modules
const express = require('express');
const path = require('path');
const app = express();
  
app.get('/', (req, res) => {
  
  // Sending our index.html file as 
  // response. In path.join() method
  // __dirname is the directory where
  // our app.js file is present. In 
  // this case __dirname is the root
  // folder of the project.
  res.sendFile(path.join(__dirname, '/public/index.html'));
});
  
app.get('/products', (req, res) => {
  res.sendFile(path.join(__dirname, '/public/products.html'));
});
  
app.listen(3000, () => {
  console.log('Server is up on port 3000');
});

索引.html

  
    
    
    
    
  
  
    
Home page
  

产品.html

  
    
    
    
    
  
  
    
Products page
  

使用以下命令运行app.js文件：

node app.js

输出：打开浏览器进入http://localhost:3000 ，手动切换到http://localhost:3000/products ，你会看到如下输出。