Vaadin 8 历史 API 和 SEO答案

【问题标题】：Vaadin 8 History API and SEOVaadin 8 历史 API 和 SEO
【发布时间】：2017-05-27 19:05:37
【问题描述】：

如何正确使用新的 Vaadin 8 HTML5 History API 来管理我的视图？
我可以将它与 Navigator 一起使用吗？
目前我在我的应用程序中导航：getUI().getNavigator().navigateTo(viewName)，但这不是 SEO 友好的。
使用 History API，我可以做到：

Page.getCurrent().pushState(viewName);
            Page.getCurrent().addPopStateListener(event -> {
            //something
            });

但它只会更改我的 URI 片段而没有调用监听器（当我们在浏览器中使用后退/前进按钮时会调用它）。
另一方面，我可以使用

Page.getCurrent().pushState(viewName);
getUI().getNavigator().navigateTo(viewName);

但 navigateTo 方法总是在开头添加 !#。

我想获得带有导航器功能的 History API 功能。
Vaadin 网站上只是一个小例子，不做解释。

【问题讨论】：

标签： java seo vaadin html5-history vaadin8

【解决方案1】：

HTML5 History API 不适用于开箱即用的导航器。但我已经为你编写了一个附加组件： HistoryApiNavigationStateManager Add-on.

使用该插件，您只需创建特殊导航器并获取所需的 Html5 History API URL。

【讨论】：