Polymer 重新加载时出现错误
我已经安装了polymer starter kit,一旦我加载starter kit,所有东西都会正确加载,url看起来就像我点击任何打开页面的视图,url会改变,但如果我现在重新加载浏览器,它显示的不是同一页面,而是条目“未找到”错误。我已尝试在internet上搜索解决方案,但未找到解决方案。我应该如何修复它。刷新页面()时,您从服务器请求Polymer 重新加载时出现错误,polymer,polymer-1.0,Polymer,Polymer 1.0,我已经安装了polymer starter kit,一旦我加载starter kit,所有东西都会正确加载,url看起来就像我点击任何打开页面的视图,url会改变,但如果我现在重新加载浏览器,它显示的不是同一页面,而是条目“未找到”错误。我已尝试在internet上搜索解决方案,但未找到解决方案。我应该如何修复它。刷新页面()时,您从服务器请求view1资源,但服务器找不到,因为没有。该路径(../view1)仅由polymer应用程序本身而不是服务器识别 尝试在路径中使用哈希。将use has
view1
资源,但服务器找不到,因为没有。该路径(../view1
)仅由polymer应用程序本身而不是服务器识别
尝试在路径中使用哈希。将use hash as path
属性添加到主页内的app location
元素中
所以,它应该是这样的:
<app-location route="{{route}}" use-hash-as-path></app-location>
您是否使用polymer CLI或其他web服务器上的
polymer serve
命令?我使用chrome web服务器编辑了我的答案,因为解释不完全正确,解决方案保持不变。我是否需要将任何组件链接到第页?您是否可以共享您的my app.html
和my-view1.html
?例如,您可以使用。在没有看到任何代码的情况下很难找到问题。我真的很抱歉,我忘了提及更改菜单项中的href
。我编辑了答案,让我们一起来。
<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>