学习 MERN Stack 第 37 天
我正在进行 MERN stack 学习之旅的第 37 天。
昨天我为 /about 和 /contact 等页面设置了结构化路由。今天我转向了后端开发,重点学习了 URL 解析和查询参数 (query parameters)。
当你在网站上搜索产品时,数据就存在于 URL 中。我学习了如何在 Node.js 中读取并使用这些数据。
URL 不仅仅是一串文本,它还是一个结构化对象。其工作原理如下:
- Pathname:这是主要位置,例如 /search 或 /api/products。
- Query:这些是问号后面的数据对,例如 ?name=ali&id=7。
我使用了 url 模块来拆解这些地址。解析器 (parser) 会将原始 URL 转换为一个可用的对象。
以下是我今天使用的代码:
const http = require("http");
const url = require("url");
const server = http.createServer((req, res) => {
let parsedUrl = url.parse(req.url, true);
let pathname = parsedUrl.pathname;
let queryData = parsedUrl.query;
if (pathname === "/search") {
res.writeHead(200, { "Content-Type": "text/plain" });
res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
} else {
res.end("Standard Endpoint View");
}
});
server.listen(8000);
这种方法将查询文本转换为一个简洁的 JavaScript 对象,使数据处理变得简单且高效。
来源:https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758