Как сделать красивую ссылку в spa приложении?

Question

[vasIvas]

Я уже спрашивал и вроде мне как объяснили, но почему-то не до конца. Но и не этот факт является причиной возникновения этого вопроса, но об этом чуть позже. А пока - если сервер будет отдавать на все маршруты index.html, то будет ли в браузере реальная перезагрузка? То есть, если я ввиду адрес example.com и увижу приложение с input, в котором напишу hello satana, а затем в адресной строке введу не существующий путь example.com/user, на что сервер опять мне отдаст index.html, то останется ли там hello satana? Проще говоря разве можно запретить из js браузеру перезагружаться?

Это то, на что не смогли мне ответить в прошлый раз. А теперь вопрос - если hello satana останется, то может ли этому помешать такие инструменты как browser-sync или sysytem.js, то есть те, которые принудительно перезагружают и загружают?

А то второй день не могу понять в чем причина..

Answer 1

[Александр Аксентьев]

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

Только делается это ПОСЛЕ загрузки страницы средствами роутера JS, а не перед загрузкой страницы как "обычно"

Comments

[vasIvas]

Извините, хотя Вы и объяснили плохо, просто ужасно, но возможно именно это меня и подтолкнуло к моменту в котором я ошибался. Ведь введя второй адрес, я же ухожу и снова захожу и по этому все правильно. А внутренние ссылки так и будут некрасивые... Спасибо.

[Алексей Уколов]

Хотел удалить картинку, как оскорбительную, но потом прочитал текст вопроса и передумал...

[vasIvas]

Алексей Уколов: ну и идите тогда свистите! Тоже не хотел писать, но передумал.

[vasIvas]

Алексей Уколов: и меня картинка что-то не смутила, не хотел говорить, но видимо Вы слишком чувствительный :)

[Александр Аксентьев]

Алексей Уколов: картинка только потому что вопрос начинается с "я уже спрашивал, но не понял, поэтому спрошу еще раз" vasIvas: к сожалению не знаю как еще проще описать это. Все ссылки ведут на одну и ту же страницу, а которой JS сам разбирает ссылку и загружает с сервера нужные данные. На обычных сайтах этим занимается бекенд, в SPA это делает JS.

Answer 2

[Дмитрий Беляев]

Если пользователь что-то вводит непосредственно в адресную строку браузера, то отловить это не получится не как, т.к. адресная строка - это не элемент вашей страницы.
Если же пользователь просто кликает по ссылке на вашей странице, то вы можете перехватить это по событию click ссылки и запилить там любую логику, только надо будет еще запретить всплытие события, дабы это же событие click не обработал сам браузер

Comments

[Dmitry Pavlov]

а для манипуляций c URL по событиям в вашем коде - копайте в сторону history.pushState - https://developer.mozilla.org/en-US/docs/Web/API/H...

также сразу замечу, что посколькуо не все браузеры одинаков правильные - можно сразу смотреть библиотечку https://github.com/browserstate/history.js - которая позволяет нормально работать и с теми браузерами, которые дружат только HTML4