Express请求/api/users/:id接口返回Cannot GET错误问题排查

接口无法正常响应是两处代码错误共同导致的，修正路由斜杠后仍不生效是第二处错误引发的：

• 路由定义初始写法错误：/api/users:id 缺少路径分隔斜杠，Express无法匹配/api/users/2这类路径，正确动态路由写法为 /api/users/:id。
• 数据源结构定义错误：你声明的users是二维嵌套数组，结构为[ [用户1对象, 用户2对象] ]，外层数组的唯一元素是真正的用户列表。直接对users调用filter遍历时，拿到的遍历项是整个内层用户数组，不是单个用户对象，u.id永远为undefined，和解析出的数字ID永远无法匹配，最终返回undefined，浏览器页面就会显示空白。

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

// 移除外层多余的数组包裹，直接定义为一维用户对象数组
const users = [
    {name: 'liam', id: 1},
    {name: 'jon', id: 2}
];

app.get('/api/users', (req, res) => {
    res.send(users);
})

// 补全路由参数前的斜杠，正确匹配带ID的路径
app.get('/api/users/:id', (req, res) => {
    const id = parseInt(req.params.id)
    const user = users.filter(u => u.id === id)[0]
    // 补充容错：找不到对应ID用户时返回404状态
    if (!user) {
        return res.status(404).send({ message: '指定用户不存在' })
    }
    res.send(user)
})

app.listen(3000, () => console.log('Listening on port 3000.......'));

修改完成后重启Node服务，再访问http://localhost:3000/api/users/1、http://localhost:3000/api/users/2即可正常返回对应用户数据。

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