У меня не реактивный фронт,
А грузить всю навигацию по аяксу как-то неправильным кажется.
// сгенерированный объект
const menuItems = [
{url: '/', title: 'Home', items: []},
{url: '/foo/', title: 'Foo', items: [{url: '/foo/bar/', title: 'Bar', items: []}]}
];
// добавляем пункты меню
function renderMenu(parentElement, items)
{
for (let item of items) {
const itemElement = document.createElement('a');
itemElement.href = item.url;
itemElement.innerHTML = title;
parentElement.append(itemElement);
if (item.items.length > 0) {
const menuElement = document.createElement('div');
menuElement.className = 'submenu';
parentElement.append(menuElement);
renderMenu(menuElement, item.items);
}
}
}
document.addEventListener(
'DOMContentLoaded',
() => {
if ((window.screen.availWidth || window.screen.width) <= 800) {
// добавляем компактное меню
renderMenu(document.getElementById('#mobile-menu'), menuItems);
} else {
// добавляем стандартное меню
renderMenu(document.getElementById('#menu'), menuItems);
}
}
);
Очищайте массив $_SESSION вместо удаления данных сессии.
что делать не знаю
axios.defaults.crossDomain = true;
axios.defaults.withCredentials = true;