after setting up asynchronous routing, there will be delayed loading of components using asynchronous routing when the page is refreshed. The user experience is very bad. Is there any solution
] [1]
Note: the header and bottom of this page are public parts, and the header and bottom will not change when switching navigation
layout.vue file code is as follows:
<div class="layout">
<Home_Navigation></Home_Navigation>
<MainComponent></MainComponent>
<Home_Footer></Home_Footer>
</div>
the MainComponent.vue component code is as follows:
<div class="layout-content-main">
<router-view name="mainRouter"></router-view>
</div>