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?