重新加载时聚合物错误

Question

我已经安装了聚合物入门套件，一旦我加载入门套件，每件东西都正确加载，网址看起来像http://127.0.0.1:8887/然后一旦我点击任何视图页面打开并且网址更改为{{3但是，如果我现在重新加载浏览器，而不是显示相同的页面，它显示条目未找到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>

修改

仅添加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>