Polymer app-route：拦截刷新页面

Question

我正在努力摆脱当前的情况：我们在某个服务器上部署了一个聚合物 SPA (A) 并绑定到某个 url：http://example.com/A，我们确实需要展示旧应用程序的遗留页面暂时，为了做到这一点，已经开发了一个新应用程序（B）并绑定到不同的url（http://example.com/B）。

B 所做的是对旧版应用程序的页面进行构图并显示一个按钮，该按钮的目的是通过访问 document.referrer 值并重新加载页面来返回到先前的位置，问题是作为一个 SPA，服务器上不存在 URL。

更详细：

1. 用户登录应用程序A (http://example.com/A/overview)
2. 用户使用 SPA 并最终访问由路由管理的某个 url (http://example/A/stuff/we/sell/jackets)
3. 在页面 http://example.com/A/stuff/we/sell/jackets 中有一个指向应用程序 B 的链接，框住了显示夹克的旧应用程序页面
4. 用户点击链接进入http://example.com/B/legacy/jackets，此时document.referrer等于http://example.com/A/东西/我们/卖/夹克
5. 用户单击按钮关闭视图，应用程序 B 将窗口的位置设置为文档。referrer 尝试将用户从他/她来自的地方登陆。
6. 作为应用程序 A 和 SPA，URL http://example.com/A/stuff/we/sell/jackets 在服务器上不存在，并且用户（正确地）获得了 404。

那么问题来了：有没有什么办法可以拦截app路由中window.location变量的变化，避免页面全刷新，让用户进入链接所在的页面？

Answer 1

我同意@daKmoR 实际上，您永远不应该从服务器接收 404 - 您可以从聚合物应用程序中获得它。

获取一个文件，如果它不存在则尝试 index. 每个服务器看起来都不一样。您使用的是什么服务器？我可以帮助 IIS 和 nginx。

Answer 2

如果我理解正确，那么这似乎是您的服务器配置有问题。

如果您确实有 SPA，您希望所有 URL 都转到您的 app-shell（通常是您的 index.html）。

例子：

http-root
├─ some-folder
│  └─ index.html
└─ index.html

如果你有一个 apache 运行，你可以去：

• http://example.com/index.html
• http://example.com/some-folder/index.html

如果您转到http://example.com/stuff/we/sell，您将收到一个错误，因为stuff 不是有效目录。

在您的 SPA 中，您可能会有一些路由系统，可以让您四处移动并更改 Url，而无需重新加载。因此，如果您使用您的 SPA，然后进行真正的重新加载，您应该仍然会回到原来的位置。

这将如何工作取决于您的服务器。例如，对于 apache，您可以通过 .htaccess 提供重写。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html[L]
</IfModule>

无论你的 url 是什么，使用它，你总是会在 http-root index.html 结束。然后您的 SPA 可以接管；读取 url 并显示相应的数据。

恕我直言，在服务器上解决此问题是解决您问题的合适方法。