AngularJS HTML5模式-直接链接如何在不进行服务器特定更改的情况下工作？

Question

注意：这个问题也可以读为：

如何在Java中支持无哈希的客户端mvc框架的书签。

我正在将使用的有角度的应用程序转换hashtags为html5mode。我已经成功设置

$locationProvider.html5Mode(true);

并且着陆页（index.html）中的所有链接都可以正常工作。

问题是，如果直接引用部分url，我自然会得到一个404，因为服务器端点定义没有耦合到客户端定义的路由。

因此，如果没有HTML5，我们将获得非SEO友好的hashbang，但是有了HTML5，我们就无法为除登录页面（引导角度的页面）以外的任何内容添加书签。

如果先请求默认登录页面（index.html），即htpp：//mydomain.com/，为什么会起作用：

1. 浏览器从服务器请求index.html
2. 服务器返回index.html，浏览器加载角度框架
3. URL更改将发送到客户端路由器，并加载正确的部分。

如果直接从浏览器请求http://mydomain.com/foo，为什么它不起作用：

1. 浏览器从服务器请求mydomain / foo。
2. 资源不存在
3. 服务器返回404

这个故事缺少一些东西，我只是不知道。这是我只能看到的两个答案…

• 这是设计使然。 这是应该如何工作的吗？用户必须始终登陆客户端MVC框架的引导页面（通常为index.html），然后从那里导航。这是不理想的，因为无法保存状态并且无法添加书签…更不用说爬网了。
• 服务器解决方案。 这可以通过服务器端技巧来解决吗？例如，对于所有请求，返回index.html并立即使用其他上下文调用router。如果是这样，这与AngularJS完全是客户端并且看起来像黑客一样违背了目标。

Answer 1

该 AngularJS文档事实上确实提到这一点

服务器端使用此模式需要在服务器端重写URL，基本上，您必须重写指向应用程序入口点的所有链接（例如index.html）

在这种情况下，一种基于Java的解决方案是告诉服务器“将所有URL映射到index.html”。这可以在任何HTTP
Server或容器中完成。我希望使用Java /
Servet来实现此目的，因为我希望我的应用程序与HTTP服务器无关（即Apache与NginX，或者仅是Tomcat / JBoss）。

在web.xml中：

  <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

  <servlet>
      <servlet-name>StaticServlet</servlet-name>
      <jsp-file>/index.jsp</jsp-file>
  </servlet>

  <servlet-mapping>
      <servlet-name>StaticServlet</servlet-name>
      <url-pattern>/app</url-pattern>
  </servlet-mapping>

而且index.jsp看起来像：

<%@ include file="index.html" %>

并将以下内容添加到index.html中的标签中：

<base href="/app" />