URL参数传递含+的血型时，如何正确获取+符号？

问题原因 #

URL查询参数里的+是空格的特殊编码字符，当你直接传递bloodType=A+时，服务器会自动将+解析为空格，导致最终获取到的值是"A "。

解决方案 #

1. 前端请求时对参数进行URL编码 #

这是符合URL规范的标准解决方式：

• 手动将+替换为它的URL编码值%2B，修改后的请求链接为：

  https://blood-donation-servers.vercel.app/api/donor-list?bloodType=A%2B
  

• 用编程语言的内置编码函数自动处理，避免手动替换出错。比如JavaScript中使用encodeURIComponent：

  const bloodType = 'A+';
  // 编码后得到"A%2B"
  const encodedBloodType = encodeURIComponent(bloodType);
  const requestUrl = `https://blood-donation-servers.vercel.app/api/donor-list?bloodType=${encodedBloodType}`;
  

2. 后端修改参数解析逻辑（若有权限修改后端代码） #

如果无法调整前端请求逻辑，可以在后端直接处理原始查询字符串，避免+被解析为空格。以Vercel使用的Node.js环境为例：

export default function handler(req, res) {
  // 获取完整的原始查询字符串
  const queryString = req.url.split('?')[1] || '';
  // 手动提取bloodType参数，保留原始的+号
  const bloodType = queryString.match(/bloodType=([^&]+)/)?.[1] || '';
  // 若参数被部分编码，可手动解码%2B为+
  const decodedType = bloodType.replace(/%2B/g, '+');
  
  res.status(200).json({ bloodType: decodedType });
}

内容的提问来源于stack exchange，提问作者Md Emon Sheikh