20200804记录问题（hash路由和history路由）

描述：
更换地址，跳不到成功页面。

链接：
（1）网关跳不到成功页面
http://192.168.64.254:2060/pronline/Msg?FunName@Login&account=0B43168689C919BD8FD6DB55C0CD315D1596544454979d52a5167e251ea5&url=https://test-haoportal.haop.com/accesssuccess?hotelId=8545014&mac=Y2Zic2RmZ3NkZnhjY3ZkMYqR4U0Lb524krFz8k*WVlI1hZPypa2CfW8S60zZoXag

（2）网关可以跳到成功页面
http://192.168.64.254:2060/pronline/Msg?FunName@Login&account=0B43168689C919BD8FD6DB55C0CD315D1596544454979d52a5167e251ea5&url=http://test-campaign.haop.com/portal/index.html#/accesssuccess?hotelId=8545014&mac=Y2Zic2RmZ3NkZnhjY3ZkMYqR4U0Lb524krFz8k*WVlI1hZPypa2CfW8S60zZoXag

（3）网关可以跳到成功页面
http://192.168.64.254:2060/pronline/Msg?FunName@Login&account=0B43168689C919BD8FD6DB55C0CD315D1596544454979d52a5167e251ea5&url=https://test-haoportal.haop.com/accesssuccess

why？
前端路由两种模式：hash与history
hash （url中#后面的部分）虽然出现在 URL 中，但不会被包含在 http 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。

history 利用了 html5 history interface 中新增的 pushState() 和 replaceState() 方法。这两个方法应用于浏览器记录栈，在当前已有的 back、forward、go 基础之上，它们提供了对历史记录 修改的功能（pushState将传入url直接压入历史记录栈，replaceState将传入url替换当前历史记录栈）

处理过程：
URLEncoder.encode(portalUrl,“UTF-8”);

最后链接
http://192.168.64.254:2060/pronline/Msg?FunName@Login&account=0B43168689C919BD8FD6DB55C0CD315D1596544454979d52a5167e251ea5&url=http://test-campaign.haop.com/portal/index.html#/accesssuccess?https%3A%2F%2Ftest-haoportal.haop.com%2Faccesssuccess%3FhotelId%3D8545014%26mac%3DY2Zic2RmZ3NkZnhjY3ZkMXpljcUhHZgggZCYsQtiHWzMy8y8UAjDcKGqU8*1WQAQ

参考：
http://shanhuxueyuan.com/news/detail/137.html
https://www.cnblogs.com/lmm1010/p/13216836.html
https://www.jianshu.com/p/3b4abc20ae0f

感谢！

真相永远在你苦苦追寻之后的下一次。