Как заставить работать ссылку на подгружаемый контент при работе с HTML5 History API?

Question

[photosymbol]

есть статья
https://css-tricks.com/using-the-html5-history-api/
вот демка из нее работающая полностью
https://css-tricks.com/examples/State/
закачала ее на камп, смотрю через локальный сервер и не работает, тк когда я ввожу к примеру в адресную строку типа такого localhost:8888/State/peter.php, то оно пишет, что страницы не существует тогда, как в демо все работает при вводе в адресную строку https://css-tricks.com/examples/State/peter.php

Comments

[frees2]

проверил на домашнем компе, все полностью работает, может ошибка какая при копировании?

Answer 1

[Денис Инешин]

Обычно history api используется на одностраничных сайтах для того чтобы скрыть hash навигацию. Скажем чтобы вместо site.com#about получить site.com/about. По сути, это лишь маскировка, и если вы придете снаружи на адрес site.com/about то сервер вас пошлёт, так как нет такой страницы. По этому, подключение history api это двусторонний процесс, должна быть еще какая-то минимальная поддержка со стороны сервера, так чтобы переход на любой адрес делал редирект на главную с нужными параметрами.

Comments

[frees2]

вы не правы, пропишите что положено в .htaccess и будет страница по ссылке

[Денис Инешин]

frees2: ну я имел в виду что одного клиента не достаточно, htaccess или что там, но нужно написать.

[photosymbol]

спасибо, а как сделать навигацию типа site.com#about

[Денис Инешин]

photosymbol: в этом вопросе смотрите на известные фреймворки, в которых есть роутер, например emberjs.com или https://angularjs.org/ Если хотите что попроще, то взгляните на backbonejs.ru

[photosymbol]

спасибо)