vue 用this.$router.push跳转后ios上变空白页面

Question

vue 用this.$router.push跳转后ios上变空白页面

\

正常页面

只有ios上有这个问题

Answer 1

这个问题似乎是因为ios的hash模式有问题，需要改写一下#这个东西

Answer 2

我之前也遇到过类似的问题，是因为我因为每次路由跳转之后都reload了一下，你看看是不是这个问题

Answer 3

空白是因为组件渲染的时候程序出错，所以失败了。要排查只有用 debug 工具。另外建议非发行版尽量用完整版的 vue.js 而不是 vue.min.js，因为后者会隐藏错误信息。

另外看截图似乎是 await/async => ES5/6 的编译出问题了，可以试着调整一下编译配置。

Answer 4

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
.container {
width: 100%;
height: 100%;
background: #fff;
overflow: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
left:0;
top:0;
}