如何创建获取指定用户数据的GET请求并通过浏览器访问

需求说明 #

需要创建一个GET接口，通过localhost:3000/user/[用户ID]的路径，从预设用户数据中返回对应ID的用户详情，浏览器访问时直接展示类似「用户详情，用户ID:5，姓名:Ann」的内容。

实现步骤（以Express.js为例） #

1. 初始化项目并安装依赖 #

先创建项目目录，初始化npm并安装Express框架：

mkdir user-api && cd user-api
npm init -y
npm install express

2. 编写服务端代码 #

创建server.js文件，写入以下代码：

const express = require('express');
const app = express();
const port = 3000;

// 模拟预设的用户数据
const users = [
  { id: 1, name: 'John' },
  { id: 5, name: 'Ann' },
  { id: 10, name: 'Mike' }
];

// 处理GET请求，动态匹配用户ID
app.get('/user/:userId', (req, res) => {
  // 从路由参数中提取用户ID并转为数字类型
  const userId = parseInt(req.params.userId);
  // 在用户数据中查找匹配项
  const targetUser = users.find(user => user.id === userId);

  if (targetUser) {
    // 返回HTML格式内容，让浏览器直接展示友好文本
    res.send(`<h3>用户详情</h3><p>用户ID: ${targetUser.id}</p><p>姓名: ${targetUser.name}</p>`);
  } else {
    // 用户不存在时返回提示信息
    res.send('<p>未找到该用户</p>');
  }
});

// 启动服务
app.listen(port, () => {
  console.log(`服务运行在 http://localhost:${port}`);
});

3. 运行并测试 #

在终端执行启动命令：

node server.js

打开浏览器访问http://localhost:3000/user/5，即可看到预期的用户详情内容；访问不存在的用户ID（如/user/99）则会显示「未找到该用户」的提示。

关键细节说明 #

• 用:userId作为路由参数，实现动态匹配不同用户ID的请求
• 通过req.params.userId获取路径中的ID值，需转为数字类型才能和预设数据的ID匹配
• 用res.send()返回HTML内容，确保浏览器能直接解析展示；如果需要返回JSON格式数据，可替换为res.json(targetUser)

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