リロード時にポリマーエラー

Question

ポリマースターターキットがインストールされていて、スターターキットをロードするとすべてが正しくロードされ、URLはhttp://127.0.0.1:8887/のように見えます。ページが開いたらurlがhttp://127.0.0.1:8887/view1に変わります私は今ブラウザをリロードして、同じページを表示せずに、エラーが見つからなかったというエラーを表示します.iは解決策をインターネット上で検索しようとしましたが、解決する必要があります。

Answer 1

ページを更新すると（http://127.0.0.1:8887/view1）、サーバーからview1リソースを要求しますが、サーバーはそのリソースを見つけられません。そのパス（.../view1）は、ポリマーアプリケーション自体によってのみ認識され、サーバーでは認識されません。

パスでハッシュを使用してみてください。メインページのapp-location要素にuse-hash-as-path属性を追加します。

だから、それは次のようになります。

<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>