polymer - 使用基本 URL 在 Web 服务器上托管 Polymer 应用程序

Question

如果我选择 Polymer starter kit ，在本地运行良好。我可以导航到http://localhost:8080/并且所有到 3 个 View 的链接都工作正常。

现在，如果我将此应用程序托管在 Web 服务器(与其他应用程序共享)上，网址如 http://myservername:8080/mywonderfulapp/ ，我在路由方面遇到了问题。有没有办法可以提及应用程序路由来获取相对 URL？

我尝试更改 html 文件以获得相对 URL

<link rel="import" href="./src/my-app.html">
<a name="view1" href="./view1">View One</a>
<base href="/mywonderfulapp/">

但我似乎无法以类似的方式修复应用程序路由。

SO 上的所有类似问题似乎都与 Polymer 1.0 之前的版本有关，并提到了 page.js 和 hash-bang 路由，而不是 HTML5 历史友好的 URL 和应用程序路由组件。

我宁愿进行最少的代码更改以确保

• 相同的代码在本地和远程主机上都可以工作
• 该应用程序不依赖于托管它的基本 URL - 因此，最好我不必在代码中的任何位置提及“mywonderfulapp”(来自上面的 URL)。

Answer 1

到目前为止，我最接近的是:

在应用程序路由模式中提及 URL 前缀的占位符。

<app-route
    route="{{route}}"
    pattern="/:prefix/:page"
    data="{{routeData}}"
    tail="{{subroute}}"></app-route>

然后在 anchor 的 href 属性中使用它

<a name="view1" href="/[[routeData.prefix]]/view1">View One</a>
<a name="view2" href="/[[routeData.prefix]]/view2">View Two</a>
<a name="view3" href="/[[routeData.prefix]]/view3">View Three</a>

这种方法的缺点是我必须使用 URL http://localhost:8080/mywonderfulapp/即使在本地工作，但至少在部署到远程 Web 服务器时我不必再修改代码。