当你在使用 # 符号的 URL（即使用哈希路由）时，哈希部分（# 后面的内容）不会被发送到服务器。这是因为浏览器在处理 URL 时，哈希值仅用于客户端路由控制，而不是用于 HTTP 请求。
具体来说，URL 的结构如下：
- 协议（如
http://或https://） - 域名或IP地址
- 端口号（如果有）
- 路径（例如
/portal/index.html） - 查询字符串（以
?开始，如?a=1） - 哈希部分（以
#开始，如#/login?a=1）
在这个例子中，URL 中的参数 a=1 位于哈希部分，因此它不会随请求一起发送到服务器。服务器只会接收到以下部分：
https://10.8.87.66/portal/index.html
解决方案
将参数移到查询字符串： 如果你希望这些参数能被后端接收，你应该把它们放在查询字符串中，例如：
https://10.8.87.66/portal/index.html?a=1
客户端处理： 如果你确实需要使用哈希路由并希望获取这些参数，可以通过 JavaScript 在客户端读取哈希值，并根据需要进行处理。例如：
const hash = window.location.hash; // 获取哈希部分const params = new URLSearchParams(hash.split('?')[1]); // 分离出查询参数const aValue = params.get('a'); // 获取参数值console.log(aValue); // 打印: 1
- 使用路由库： 如果你正在使用框架（如 Vue Router 或 React Router），通常它们提供了内置的方法来访问和解析路由中的参数。确保查看相应文档了解如何实现这一点。
通过上述方法，你可以有效地管理前端与后端之间的数据传递。
内容由零声教学AI助手提供，问题来源于学员提问
![[GIN-debug] [WARNING] Creating an Engine instance with the Logger and Recovery middleware already attached.](https://linuxcpp.0voice.com/zb_users/upload/2023/05/202305162234452257235.png)
