如何从Post请求中获取触发该请求的页面完整URL？

HTTP请求的Origin字段仅包含协议、域名和端口，无法提供页面的完整路径与查询参数。要确认请求来自https://localhost/My-cool-page?color=blue&brand=ferrari这个完整URL，可通过以下两种方式实现：

• 读取Referer请求头
  浏览器发起请求时，通常会自动添加Referer头字段，其值就是发起请求的完整页面URL（包含路径、查询参数）。在你的场景中，该字段的值正好是https://localhost/My-cool-page?color=blue&brand=ferrari，后端直接读取这个字段即可获取完整来源。

  注意：若用户通过浏览器隐私设置禁用了Referer，该字段可能缺失或被截断，因此不能完全依赖它。

• 前端主动传递完整URL
  前端可以通过window.location.href获取当前页面的完整URL，将其放到请求体或自定义请求头中，后端读取对应值即可。这种方式不受浏览器隐私设置影响，可靠性更高，但需要前端配合修改请求逻辑。
  示例前端代码：

  fetch('https://localhost/api/getCars', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-Page-Url': window.location.href
    },
    body: JSON.stringify({
      pageUrl: window.location.href
    })
  });
  

• 额外提醒
  后端获取到来源URL后，需要做合法性校验（比如校验域名是否为localhost、路径是否符合预期等），防止恶意伪造的请求。

内容的提问来源于stack exchange，提问作者I am not Fat