在Tomcat上部署的Angular 4项目

Question

我正在使用以下命令构建Angular 4项目项目

 ng build --target=production --base-href /project1

当我将项目部署到tomact 8时，当我将索引文件放在

上时，该应用程序正常工作

C:\apache-tomcat-8.0.44_2\webapps\project1

以及根文件夹上的app资产和其他文件。

C:\apache-tomcat-8.0.44_2\webapps\ROOT

如何将所有应用资源放在项目文件夹中。

由于

项目构建后

我的index.html看起来像这样。

 <base href="/project1">
 <link rel="stylesheet" href="/assets/css/style.css">
 <link rel="stylesheet" href="/assets/css/bootstrap.css">

 <link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/>
 <script type="text/javascript" src="inline.463ebb8a59179d418824.bundle.js"></script>
 <script type="text/javascript" src="polyfills.d90888e283bda7f009a0.bundle.js"></script>
 <script type="text/javascript" src="vendor.8715d5c83a3b32855527.bundle.js"></script>
 <script type="text/javascript" src="main.b467d247e3cfe82bdeeb.bundle.js"></script>

如果我在每个源链接上追加/ project1，那么应用程序将从project1文件夹中启动。

Answer 1

你可以试试base-href =“。/”之类的 ng build --target = production --base-href ./

Answer 2

如果您正在使用angular-cli命令创建angular 2项目，那么cli提供了一些命令来将您的应用程序部署到生产环境中。在项目目录上使用诸如 ng build --prod 之类的命令，它将在您的目录中生成 dist 文件夹。

转到dist文件夹内部，并在index.html中更改基本href，例如 href =“。” 。在您的tomcat根目录中复制dist文件夹之后，运行服务器。。您可以在下面的屏幕快照中看到我们在tomcat服务器上运行的应用程序。