Tomcat，Grunt 构建

Question

我在我的 Angular js 应用程序中使用 grunt，在我的服务器端使用 tomcat。

每当需要时，在开发环境中，我运行 Grunt build，获取 dist 文件夹并将其放入 tomcat webapp 文件夹中。

但是，我有一个奇怪的问题。应用程序中的 URL 仅在我从 HTML 页面单击它们时才有效。

例如如果我输入 http://localhost:8080/upload - 我会得到 404 page not found error，但是如果从索引页面 - http://localhost:8080 ，我点击页面中的链接可以正常上传。

可能是什么问题？

如果我在 node.js 上运行应用程序，链接会完美运行！只是在 Tomcat 上它不能按预期工作。

已编辑

我在angular js中定义这样的url

angular.module('angularjsApp')
  .config(function ($stateProvider) {
    $stateProvider
      .state('upload', {
        url: '/upload',
        templateUrl: 'app/upload/upload.html',
        controller: 'UploadCtrl'
      });
  });

Answer 1

您使用历史推送状态进行导航的角度设置方式，更改浏览器的 URL 而不会实际导致浏览器从后端重新获取其内容。

因此，在浏览器 Angular 中使用推送状态可以很好地导航，但是当请求实际发送到服务器时，它会响应 404，因为您没有任何东西可以提供 HTML。

有两种解决方案：

1. 切换到使用#! urls，以便您始终从服务器获得相同的 URL（请参阅其他答案）。
2. 更新您的服务器，为所有路径提供相同的静态 HTML（此答案）。

您需要发送回您的初始 HTML 内容的 servlet 来为所有路由执行此操作 - 因此映射到 /* 而不仅仅是 /，因此它给出的任何路径总是返回相同的 HTML。

所以你的 web.xml 有一个看起来像这样的 servlet 正在返回：

<servlet>
    <servlet-name>StaticHtmlServlet</servlet-name>
    <servlet-class>com.example.StaticHtmlServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>StaticHtmlServlet</servlet-name>
    <url-pattern>/</url-pattern>
    <url-pattern>/*</url-pattern> <!-- so this is what's added -->
</servlet-mapping>

Answer 2

为了通过 AngularJs 进行服务器，然后在域之后添加 /#/ 并确保默认启用的 html5 模式为 false($locationProvider.html5mode)。以下示例为您的应用提供内容来自客户端（angular-js）

http://localhost:8080/#/upload

Answer 3

这些链接是实际的标准 HTML 链接吗？如果 Tomcat 没有响应 http://localhost:8080/upload，那么它可能不是 GET 请求。