URL传参时问号被识别为分隔符 视图无法获取完整参数

根据URL语法规范，?是预留的特殊分隔字符，作用是拆分URL的路径部分和查询参数部分。如果直接把包含?的内容作为参数值拼接在URL里，Web容器、前后端框架的默认参数解析逻辑，会把参数值里的?识别成新的参数分隔标记，直接把?之后的内容截断为其他参数段，最终拿到的title参数值就是不完整的。

核心处理逻辑是传参前对参数值做标准URL百分号编码，不要直接裸拼特殊字符：

• ?对应的URL编码结果为%3F，编码后框架解析时就不会把它当成分隔符处理
• 不同技术栈的编码实现参考：
  • 前端JavaScript场景：必须用encodeURIComponent()处理参数值，不要用encodeURI()——后者不会编码?、&这类查询参数级别的特殊字符，示例：

    // 错误写法：直接拼接会截断
    // const badUrl = `/article?title=面试题?答案`
    // 正确写法
    const rawTitle = "面试题?答案解析"
    const safeUrl = `/article?title=${encodeURIComponent(rawTitle)}`
    

  • Java服务端拼接跳转链接：用java.net.URLEncoder.encode(rawTitle, StandardCharsets.UTF_8)处理参数值
  • Python服务端拼接链接：用urllib.parse.quote(rawTitle)处理参数值
• 参数解码不需要手动实现，目前Spring Boot、Express、Django、Flask等主流Web框架，都会自动对编码后的查询参数做解码，直接调用框架提供的参数获取方法，就能拿到包含?的完整参数值。

注意：除了?之外，参数值里如果包含&、=、#、空格、中文等非URL安全字符，都要走参数编码逻辑再拼接，否则同样会出现参数截断、乱码、取值异常问题。

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