如何在Liberty WebSphere服务器上使用Angular

Question

我有一个在Liberty WebSphere Server 17.0.0.2上使用AngularJSP的项目，现在我必须对其进行升级。该项目需要升级到Angular 4 Liberty，我不知道如何正确地完成。

我现在尝试过的是：

使用角度 CLI 生成项目以生成分离文件夹。然后，我把这个分歧放在网络-INF上

提前感谢。

Answer 1

我将概述我如何设置我的Angular应用程序以通过（开放）Liberty提供服务：

>

将ng build命令的产品复制到. war文件的根目录。这意味着根据您的构建方式将其放在不同的位置。如果您使用的是Eclipse/WDT，这可能意味着将输出设置为您的WebContent文件夹。如果您将Gradle与war插件一起使用，它会直接进入src/main/webapp。虽然最初我使用ng build--output-dir=…设置输出文件夹，但我发现这会删除文件夹，因此每次构建都会丢失我的web.xml。我建议在构建的稍后步骤中复制dist的内容，除非您可以从上下文根目录的子文件夹提供服务。

为深度链接设置错误重定向。如果使用Angular Router模块，则需要设置链接和刷新深度路由。默认情况下，对于任何不存在的路径，Liberty都会给出404错误页面。如果用户在URL栏包含进入应用程序的深度路径时刷新页面，他们将获得该错误页面。您需要对其进行设置，以便将所有404请求路由回索引。html（位置通常应指向与base href相同的位置，请参见下文）。xml，我有

<error-page>
    <error-code>404</error-code>
    <location>/</location>
</error-page>

另一种选择是使用使用旧锚语法的HashLocationStrategy。路由放在URL的哈希片段中。这意味着您不必设置错误页面，但这也意味着您将来无法将深度路由无缝替换为单独的页面——如果有的话，人们必须更新书签。

这是通过更新您的应用程序路由.module.ts 文件以在导入行上指定路由器模块.forRoot（路由，{使用哈希：true}）来完成的。

确保基本href匹配。确保索引中的basehref。html＜/code＞指向包含该索引的路径。html和您从构建中生成的CSS和JS文件。否则，您将不会注意到任何加载，并且您的web检查器中会出现一堆404。如果上下文根更改，则需要更新此值。我的web应用程序通常具有带索引的上下文根/。html，所以我的basehref是/。