Обновить страницу в Vue только один раз в смонтированном

Question

Когда пользователь посещает страницу, я хочу, чтобы страница обновлялась только один раз.

Но если я помещу location.reload() в mounted(). Это вызывает перезагрузку страницы бесконечного цикла

Answer 1

Вам просто нужно придумать способ условно перезагрузить страницу, чтобы избежать бесконечной перезагрузки.

Один из способов - установить значение в локальном хранилище:

mounted() {
    if (localStorage.getItem('reloaded')) {
        // The page was just reloaded. Clear the value from local storage
        // so that it will reload the next time this page is visited.
        localStorage.removeItem('reloaded');
    } else {
        // Set a flag so that we know not to reload the page twice.
        localStorage.setItem('reloaded', '1');
        location.reload();
    }
}