问题
我目前正在使用 laravel 和 vue js 制作应用程序，但与 vue js 的常见实现（即 SPA）不同，我正在尝试在 MPA 中制作应用程序。但是，我刚刚意识到当我回到上一页时，整个页面被重新加载，所以整个页面被刷新并且滚动位置回到了页面顶部。如果我在纯刀片中制作它（没有 vue js），则不会发生这种情况。这对我来说非常烦人，因为我正在制作无限滚动的产品列表页面和产品详细信息页面。当用户看到产品详情后想要返回产品列表，但列表被刷新并且滚动位置在页面顶部（字面意思是新页面）时，感觉就像一个笑话。
所有页面都使用这种刀片布局
productlist.blade.php和productdetail.blade.php
<html>
<head>
<script>/* VueJs here */</script>
</head>
<body>
<div id="app">//all element and vue component is inside here//</div>
</body>
</html>
资源/js/app.js
const app = new Vue({
el: '#app',
router
});
我到处搜索和浏览，但我一无所获。我真的希望有人可以帮助我并给这个问题一些建议，因为很难找到关于 MPA 风格的 laravel + vue js 的讨论。