如何使用浏览器获得Express API的定义数量的属性?

Question

让我举一个例子:通过访问以下页面，我们可以访问所有JSON代码:https://jsonplaceholder.typicode.com/todos

但如果我想，我可以检索JSON的前6个元素通过访问以下:https://jsonplaceholder.typicode.com/todos?_limit=6

我想对我用http://localhost:3100

访问的Express代码做同样的事情当我尝试http://localhost:3100?_limit=6它带来了整个JSON文件，我不明白为什么。我该如何解决这个问题?我希望浏览器能够限制它从API获取的数量。

这是我的快递代码:

const express = require("express");
const app = express();
const projects = [
{ project: "Challenges_jschallenger.com" },
{ project: "Using-Studio-Ghilis-API-With-JS-Only" },
{ project: "my-portfolio-next" },
{ project: "Youtube-Navbar-2021" },
{ project: "Mana-raWozonWebsite" },
{ project: "Movies-Website" },
{ project: "Add-Remove-Mark-and-Mark-off-With-ReactJS" },
{ project: "My-Portfolio" },
{ project: "Github_Explorer" },
{ project: "MestreALMO.github.io" },
{ project: "Tests-With-useState-useEffect-useRef" },
{ project: "Tic-Tac-Toe-React-in-JS" },
{ project: "ReactJS-with-TypeScript-Template" },
{ project: "Retractable-Accordion" },
];
app.get("/", function (req, res) {
res.send(projects);
});
app.listen(3100);

Answer 1

您需要从快速请求中提取查询。另外，用json对象响应的正确方法是调用json方法。

app.get("/", (req, res) => {
const { limit } = req.query
res.json(projects.slice(0, limit))
})

要使其工作，您必须向http://localhost:3100/?limit=6发出请求