javascript - 在具有不同主页的单页应用程序中路由

Question

我有一个单页应用程序 - 这意味着服务器上的所有内容都被重定向到一个 index.html 文件，该文件使用 HTML5 history api ( pushstate ) 完成繁重的工作和路由。

现在，我想在旁边添加一个新的着陆页 - 我们称它为 landing.html，我希望客户在访问时首先访问 landing.html如果他们访问任何其他路由，则访问 / 和 index.html。

现在 IE9 不支持 HTML5 history API，所以使用像 /books/authors 这样的“hash urls”路径变成了 /#!/books/authors。由于 URL 的哈希部分 is not sent to the server就服务器而言，所有路径都是 / 这意味着我无法基于它路由到 landing.html 或 index.html逻辑。

我想到了一个 hack - 将带有 / 的 URL 重定向到 landing.html，在客户端检测 #!，添加一个服务器(或客户端)上名为 notReallyHomePage 的 cookie，并根据服务器上的 cookie 重定向到正确的页面。这真的很 hacky，不是一个好的解决方案。

在这种情况下，处理路由的正确方法是什么？

^{我的后端在 ASP.NET MVC 中，但我认为这与问题无关}

Answer 1

嗯……landing.html 的内容是什么？从它的名字我猜它是一个非常简单的页面。

你不能让它的内容成为 index.html 的一部分并根据“首次用户”逻辑隐藏/显示它吗？或者，如果 landing.html 是由您的营销人员创建的一些奇怪的页面，则将其放置在一个 iframe 中，该 iframe 会根据相同的逻辑隐藏/显示。

(很明显，当您显示 landing.html 时，您会隐藏 index.html)