如何获取完整HTTP请求行并提取URL中#后的路径内容

你要提取的/founder/1属于URL的哈希片段（hash fragment），也就是#符号之后的内容。按照HTTP协议规范，哈希片段默认不会被HTTP客户端发送到服务端，因此服务端的各类mux（请求路由组件）默认都无法捕获到这部分数据，这是你之前多次尝试均失败的核心原因。

根据你的使用场景，可以选择以下对应方案实现提取：

方案1：前端提取后传递给服务端 #

如果服务端需要使用该值，由前端先完成哈希内容提取，再通过查询参数、请求头、请求体等字段传递给后端即可：

• 浏览器端JavaScript提取代码：

// 获取完整哈希内容
const hashContent = window.location.hash
// 移除开头的#号，即可得到目标路径 /founder/1
const targetPath = hashContent.slice(1)

你可以将拿到的targetPath作为请求参数传入后端接口，后端直接读取对应字段就能使用。

方案2：纯前端场景直接提取 #

如果是单页应用的前端路由逻辑，无需服务端参与，可直接通过对应工具提取：

• 原生JS开发场景：直接使用上述window.location.hash的处理逻辑即可
• 用Vue Router、React Router等前端路由框架的场景：框架本身已支持哈希模式下的参数提取，你只需配置动态路由规则/founder/:id，就能直接读取到对应路径参数。

方案3：调整URL结构适配服务端路由 #

如果业务要求服务端不依赖前端传值直接获取该路径，只需修改URL结构，将哈希片段移到#之前，转为常规URL路径即可：
调整前：http://localhost:9009/#/founder/1
调整后：http://localhost:9009/founder/1
调整后你就可以直接通过服务端mux配置路由规则/founder/:id，直接提取对应参数值。

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