少年恃险若平地，独倚长剑凌清秋。这篇文章主要讲述关于APP内嵌H5后退按钮问题相关的知识，希望能为你提供帮助。
最近都在用vue做APP内嵌H5页面，在APP点击后退时如果在路由中跳转过多次 点后退会后退很多次才能退出页面 用户体验很差。【关于APP内嵌H5后退按钮问题】下面来说下解决方法
因为hisotry模式官方说需要服务器配置所以路由一直在用hash模式，针对这一需求需要了解h5新加的history模式
H5引入了history.pushState()和history.replaceState()这两个方法，他们允许添加和修改history实体。同时，这些方法会和window.onpostate事件一起工作。
pushState方法用一个新的url取代当前页面的url并把当前页面的url存进历史记录，
replaceState只用新url取代当前页面的url，但是不把当前页面的url存进历史记录
pushState()有三个参数:state对象，标题字符串(现在没有浏览器支持)，URL字符串(可选，如果为空，设置为当前页面的url)
只有前进后退可以触发popstate事件，对于不是通过pushState，replaceState两个方法产生的url，state对象为空
所以首先监听一下popstate事件在监听事件里直接调回退的方法
window.addEventListener("popstate", function(e) {
window.history.back()
}, false);
这样就可以直接退出当前页面了
还要history在服务器端渲染不出来的问题前端其实也可以用一种笨方法解决的
把你服务器的地址直接卸载路由里，根路径要把你页面的名字带上，就像这样
文章图片
因为在APP里所以也不存在刷新页面找不到的问题，就不需要服务端来帮忙啦~
希望可以帮到有类似需求的小伙伴，有更好的方法的大神也来指导下
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=h1j1k1hkabb
推荐阅读
- 安卓逆向14.Nexus 5 线刷官方镜像root开始系统调试
- 安卓（Intent实现页面跳转传输数据）
- Android Handler 机制（Handler 运行机制完整梳理）
- Programmatically add an application to Windows Firewall
- VasSonic Android源码解析
- Android中Crash(闪退，崩溃）的一般问题
- ASP Application 对象
- Flutter App打包配置（android平台）
- NetCore+Dapper WebApi架构搭建（基本框架）