如何根据 Node.js 中的查询参数发送不同的 HTML 文件？

以下方法介绍了如何根据 Node.js 中的查询参数发送不同的 HTML 文件

方法：通过接收查询参数并将不同的 HTML 文件映射到相应的参数，可以轻松完成任务。

第 1 步：创建项目文件夹并使用以下命令安装express模块：

npm install express

第二步：在你的项目根目录下创建一个main.js文件，在里面写下如下代码。

main.js

var express = require('express');
var app = express();
const fs = require("fs");
  
// Helper function to read and serve html files 
// according to the requested paths 
function readAndServe(path, res) {
    fs.readFile(path, function (err, data) {
        res.end(data);
    })
}
  
// Setting get request path to receive id as query parameter 
app.get('/:id', function (req, res) {
    console.log(req.params);
  
    // Mapping different id's with respective html files
    if (req.params.id == "id1")
        readAndServe("./id1.html", res);
    else if (req.params.id == "id2")
        readAndServe("./id2.html", res);
    else {
        res.end("Invalid request");
    }
});
  
app.listen(8080, () => { console.log("Server Listening on Port 8080") });

第三步：在你的项目根目录下创建id1.html和id2.html文件，如下图。

id1.html

    
        
    
    
        
Requested Id = 1
    

id2.html

    
        
    
    
        
Requested Id = 2
    

第 4 步：从项目的根目录使用以下命令运行服务器：

node main.js

输出：

• 现在打开浏览器并转到http://localhost:8080/id1 ，当 id1 作为查询参数传递时，您将看到以下输出。

  

• 现在转到http://localhost:8080/id2 ，当 id2 作为查询参数传递时，您将看到以下输出。