routing nesting has a total of three layers

first layer:

  <div class="home">
      <router-view></router-view>
  </div>

second layer:

  <div class="page1">
      <router-view></router-view>
  </div>

layer 3:

  <div class="page2">
      <router-view></router-view>
  </div>
  

the order in which routes are normal should be home = > page1 = > page2

problem:
when the page page2 is refreshed, the reload order becomes page2 = > page1 = > home
, which results in a blank page.

excuse me, why does the order of route refresh become like this? Shouldn"t the refresh be reloaded from home?