路由Hash模式下参数在#之前获取不到问题

昨天遇到一个问题，怎么也获取不了路由参数，后面发现是路由模式的原因，对我自己无语子了，前端路由这块我一直都有点疑问，先看下面这个路由
项目技术栈 vue3 ts

路由
http://localhost:5599/?code=xxxxxxxxxxxxxxxxxxx#/login

可以看到路由模式是createWebHashHistory，hash模式，哈希模式带#，参数默认在#后面，vue-router通常解析的是 URL 中 # 后面的部分作为路由信息，而查询字符串（即 ?code=… 这部分）通常被认为是应用程序外部（如服务器端）传递的参数，而不是路由内部参数

所以上面的路由我怎么获取也获取不到，后面改为createWebHistory模式，就正常了

解决方式一(变为history模式)

直接变为history模式，后端处理页面404

解决方式二(利用new URL获取)

  //下面这种方式是改变重新拼接url
 let url = new URL(window.location.href)
 let location = url.origin + url.pathname + url.hash + url.search
 window.location.href = location
 //下面这种方式使用searchParams直接获取指定参数
 let code = new URL(window.location.href).searchParams.get('code')

还得继续学呀，为自己知识有限而拍了拍我这大脑门子长点心吧