Ошибка полимера при перезагрузке

Question

Я установил комплект полимерного стартера, и как только я загружаю стартовый комплект, каждая вещь загружается должным образом, и URL-адрес выглядит как http://127.0.0.1:8887/, а затем, когда я нажимаю на любое представление, которое открывается на странице, а url изменяется на http://127.0.0.1:8887/view1, но если я перезагружаю браузер сейчас, вместо того, чтобы показывать одну и ту же страницу, он отображает запись, не найденную error.i попытался выполнить поиск через Интернет для решения, но я не нашел его. Что я должен сделать, чтобы исправить это.

Answer 1

При обновлении страницы (http://127.0.0.1:8887/view1) вы запрашиваете у сервера view1 ресурс, но сервер не может его найти, потому что его нет. Этот путь (.../view1) распознается только самим полимерным приложением, а не сервером.

Попробуйте использовать хэш на пути. Добавьте атрибут use-hash-as-path к элементу app-location на главной странице.

Таким образом, он должен выглядеть следующим образом:

<app-location route="{{route}}" use-hash-as-path></app-location> 

EDIT

Это не достаточно, чтобы добавить use-hash-as-path собственность. Вам также нужно немного изменить href в пунктах меню.

href="/view1" в href="#/view1"

Код с большим количеством деталей:

<app-location route="{{route}}" use-hash-as-path></app-location> 
<app-route 
    route="{{route}}" 
    pattern="/:page" 
    data="{{routeData}}" 
    tail="{{subroute}}"></app-route> 

<app-drawer-layout fullbleed> 

    <!-- Drawer content --> 
    <app-drawer> 
    <app-toolbar>Menu</app-toolbar> 
    <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation"> 
     <a name="view1" href="#/view1">View One</a> 
     <a name="view2" href="#/view2">View Two</a> 
     <a name="view3" href="#/view3">View Three</a> 
    </iron-selector> 
    </app-drawer> 
    ... 
</app-drawer-layout>