如何在Express URL参数中传递任意完整URL？

问题根源是URL中的/会被Express当作路径分隔符，导致你传入的完整URL被拆分成多个路径段，无法匹配原路由规则。以下是两种可行的解决办法：

方法1：对URL进行编码后传递 #

在调用接口前，用encodeURIComponent()对要传递的完整URL进行编码，把特殊字符（比如/、:、?）转成URL安全的编码形式，这样Express会把整个编码后的字符串识别为:link参数。

调用示例： #

// 调用方编码目标URL
const targetUrl = "https://www.youtube.com/watch?v=ucZl6vQ_8Uo";
const encodedUrl = encodeURIComponent(targetUrl);
// 发起请求
fetch(`/api/processing/audio/${encodedUrl}`);

路由处理函数中解码： #

app.get("/api/processing/:type/:link/", (req, res) => {
  // 解码还原原URL
  const originalUrl = decodeURIComponent(req.params.link);
  // 后续业务逻辑处理
});

方法2：修改路由规则，使用通配符或正则匹配 #

如果不想做编码解码，可以直接修改路由规则，让:type之后的所有内容都被当作一个参数。

方案A：使用通配符* #

把路由改成如下形式，*会匹配:type之后的所有路径内容：

app.get("/api/processing/:type/*", (req, res) => {
  // 获取完整的URL参数，req.params[0]对应*匹配到的内容
  const targetUrl = req.params[0];
  const type = req.params.type;
  // 后续业务逻辑处理
});

调用时直接传入原URL即可：/api/processing/audio/https://www.youtube.com/watch?v=ucZl6vQ_8Uo

方案B：使用正则表达式路由 #

如果需要严格限定type的可选值（比如只能是audio、video），可以用正则路由精准匹配：

// 正则限定type只能是audio或video，捕获后续所有内容作为目标URL
app.get(/^\/api\/processing\/(audio|video)\/(.*)$/, (req, res) => {
  const type = req.params[1];
  const targetUrl = req.params[2];
  // 后续业务逻辑处理
});

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