在 Express.js 中，URL 的编码和解码是一个常见的问题。如果不正确处理 URL 编码和解码，就会导致一些数据无法正确传递，甚至出现安全漏洞。本文将详细探讨 Express.js 中的 URL 编码和解码问题，并提供解决方案和示例代码。
URL 编码和解码
在 HTTP 协议中，URL 是一种用于定位资源的字符串，由多个字段组成。URL 中的字段可能包含特殊字符（如空格、加号、斜线等），如果直接在 URL 中传递这些特殊字符，可能会导致路由错误和安全漏洞。为了避免这些问题，HTTP 协议中使用了 URL 编码和解码。
URL 编码是将 URL 中的特殊字符转换为另一种格式，以便于传输和处理。常见的 URL 编码方式包括百分号编码（%XX）和加号编码（+）。例如，空格会被编码为 %20，加号会被编码为 %2B。
URL 解码是将编码后的 URL 转换为原来的格式。例如，%20 会被解码为空格，%2B 会被解码为加号。
Express.js 中的 URL 编码和解码
在 Express.js 中，URL 编码和解码通常涉及到两个部分：路由参数和查询参数。路由参数是 URL 中的一部分，表示要访问的资源或执行的操作。查询参数是 URL 中的另一部分，表示针对某个资源的附加信息。下面分别介绍这两部分的 URL 编码和解码问题。
路由参数的 URL 编码和解码
在 Express.js 中，路由参数通常是通过路径变量（path variable）传递的。路径变量是指在路由表达式中用冒号（:）定义的变量，例如：
app.get('/users/:id', function(req, res) {
const userId = req.params.id;
// ...
});在这个例子中，路径变量 :id 表示用户的 ID，通过 req.params.id 获取。
默认情况下，Express.js 不会对路径变量进行 URL 编码或解码。也就是说，如果用户的 ID 包含特殊字符（如空格、加号等），就会导致路由错误或安全漏洞。为了避免这些问题，我们需要手动对路径变量进行 URL 编码和解码。
URL 编码可以使用 Node.js 内置的 encodeURIComponent() 函数：
const userId = encodeURIComponent(req.params.id);
URL 解码可以使用 Node.js 内置的 decodeURIComponent() 函数：
const userId = decodeURIComponent(req.params.id);
查询参数的 URL 编码和解码
在 Express.js 中，查询参数通常是通过 req.query 对象传递的。req.query 对象表示 URL 中所有的查询参数，key-value 对应关系表示为一个 JavaScript 对象。例如：
// GET /search?q=keyword&page=1
app.get('/search', function(req, res) {
const keyword = req.query.q;
const page = req.query.page;
// ...
});在这个例子中，查询参数 q 表示搜索关键词，查询参数 page 表示页码，都可以通过 req.query 获取。
默认情况下，Express.js 会对查询参数进行 URL 解码，以便于我们使用。也就是说，如果查询参数中包含特殊字符（如空格、加号等），会被自动解码。但是，如果我们手动构造 URL，或者在查询参数中传递敏感信息时，仍然需要手动对查询参数进行 URL 编码。
URL 编码可以使用 Node.js 内置的 querystring.stringify() 函数：
const params = {q: 'keyword with space', page: 1};
const queryString = querystring.stringify(params);
// queryString = 'q=keyword%20with%20space&page=1'URL 解码可以使用 Node.js 内置的 querystring.parse() 函数：
const params = querystring.parse('q=keyword%20with%20space&page=1');
// params = {q: 'keyword with space', page: '1'}结语
本文介绍了 Express.js 中的 URL 编码和解码问题，并提供了解决方案和示例代码。在实际开发中，我们需要注意 URL 编码和解码的安全性，尤其是对于路径变量中的特殊字符和查询参数中的敏感信息。希望这篇文章能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cfccf1e46428fe9ebd0e9f