如何根据Query Parameters显示不同HTML文件？指定id对应不同页面

嘿，我来帮你搞定这个问题！先看看你写的代码里有几个需要修正的小问题，然后给你一个完整可行的实现方案：

你的代码里的问题点 #

• 条件判断里用了赋值符号 = 而不是比较符号 ==/===，这会导致不管参数是什么，都会执行if块里的代码，逻辑完全错啦
• 把res.send()写错成了app.sent()——不仅对象用错了（应该用响应对象res而不是app），方法名还拼错了（是send不是sent）
• 直接用send传HTML文件名是不行的，send是用来发送文本/字符串内容的，要发送本地HTML文件，得用res.sendFile()方法，还要处理好文件路径的问题

正确的实现代码 #

const express = require('express');
const path = require('path'); // 引入path模块处理文件路径，避免路径错误
const app = express();

app.get('/', (req, res) => {
  // 获取URL里的id参数
  const targetId = req.query.id;
  
  // 确定要返回的HTML文件路径
  let htmlFilePath;
  if (targetId === 'dog') {
    // 假设dog.html和当前脚本在同一个文件夹下，用__dirname拼接绝对路径
    htmlFilePath = path.join(__dirname, 'dog.html');
  } else if (targetId === 'cat') {
    htmlFilePath = path.join(__dirname, 'cat.html');
  } else {
    // 处理参数不是dog/cat的情况，返回404提示
    return res.status(404).send('无效的参数，请传入id=dog或id=cat');
  }
  
  // 发送对应的HTML文件
  res.sendFile(htmlFilePath, (err) => {
    if (err) {
      // 如果文件找不到或者出错，返回对应的错误状态码
      res.status(err.status || 500).send('加载页面出错啦');
    }
  });
});

app.listen(80, () => {
  console.log('服务器已经在80端口启动啦！访问 http://localhost/?id=dog 试试～');
});

代码说明 #

• 用path.join(__dirname, '文件名')来生成文件的绝对路径，这样不管你的脚本放在哪里，Express都能准确找到对应的HTML文件
• 用严格相等===做判断，避免因类型转换导致的意外问题（比如字符串和数字的误判）
• 加入了参数异常的处理逻辑，当用户传了错误的id参数时，能给出明确的提示
• 增加了文件发送的错误处理，避免因文件缺失等问题导致服务器崩溃

现在你启动服务器后，访问http://localhost/?id=dog就会显示dog.html，访问http://localhost/?id=cat就会显示cat.html啦！

内容的提问来源于stack exchange，提问作者CupOfCoffee