[v2] Back to index - 3 pages open

I’ve got this routes:

[
    {
    path: '/',
    on: {
      pageAfterIn: function (event, page) {
      
                console.log("PATH: HOME/  ---> home pageAFTERInit");
      },          
      pageInit: function (event,page) {
      
                console.log("PATH: HOME/  ---> home pageInit");
        }
      },
  },

    {
      path: '/pages/:entidad/listado',              // ej: href="/pages/frutas/listado"
      componentUrl: './pages/listados.html',
      options: {
        context: {
                  entidad: '{{entidad}}',         // Envia por param: "frutas"
                  },
      },

    },  
      {
        path: '/pages/:entidad/am/',
        async: function (routeTo, routeFrom, resolve, reject) {
            console.log(routeTo);

            resolve({
                    componentUrl: "./pages/"+routeTo.params.entidad + "/am.html",
                  });
        },
       },

   
  // Default route (404 page). MUST BE THE LAST
  {
    path: '(.*)',
    url: './pages/404.html',
    on: {
      pageInit: function (page) {
          console.log('F7 page not found: ', page.name);
      },
      pageAfterOut: function () {
        // page has left the view
      },
    }
  },
];

from index.html ----> go to ----> /pages/frutas/listado/ —> go to —> /pages/frutas/am/
So my history has:

0:"/“
1:”/pages/frutas/listado"
2:"/pages/frutas/am/"

If I trigger “back” on /pages/frutas/am/ --> go to --> /pages/frutas/listado/
but, If I trigger “back” nothing happens, because removes index page from dom.

How can I go back to index?

You don’t have anything specified in home route like url or componentUrl, etc.

Thanks, now I understand how it works.