如何在Tomcat服务器上部署Angular 4应用程序

如何在Tomcat服务器中部署Angular 4应用程序？如何为Tomcat创建部署文件？

您可以在eclipse中创建一个空的web项目。将您的angular Production Build分发文件粘贴到那里。由于您在angular中使用路由，因此，在eclipse web项目的web.xml文件中，将所有类型的路由请求发送到angular的index.html文件 -我在

tomcat/webapps

-我的Angular build（位于

dist

文件夹中）中的所有文件都会复制到该文件夹中 -然后我在

tomcat/webapps/angular

中添加了一个

WEB-INF/WEB.xml

，它包含以下内容：

<web-app>
    <error-page>
         <error-code>404</error-code>
         <location>/index.html</location>
     </error-page>
</web-app>

404
/index.html

---

这样，每次找不到URL时，Tomcat都会重定向到

index.html

，这会导致Angular使用组件路由器处理它。

您可以将Angular应用程序作为war部署到Tomcat中。 我们的代码库位于bitbucket云上，后端应用程序是用java编写的，前端是angularjs

Bitbucket管道是一个非常简单的工具，您可以将其配置为连续交付

我准备了一个管道文件，将我们的应用程序从bitbucket代码库部署到aws上的tomcat中

我搜索了nodejs命令行工具以使其更容易使用。以下工具分别指导我将angular应用程序文件夹部署到tomcat

• npm安装-g bestzip
• npm安装-g tomcat部署
• npm安装-g最小列表

第一个操作是从app和bower文件夹准备war文件

• bestzip webApplication.war应用程序/鲍尔_组件/

第二个操作是取消部署现有web应用程序

• tomcat部署取消部署--主机名www.example.com--端口80--登录tomcatUser--密码tomcatPassword--路径/webApplication

第三个操作是将war文件部署到tomcat

• tomcat deploy deploy webApplication.war--主机名www.example.com--端口80--登录tomcatUser--密码tomcatPassword--路径/webApplication

远程部署需要managerApp。首先别忘了安装它

---

Best Reagards

您将如何在web.xml中实现这一点？

angularapp/index.html angularapp/angularapp/*

这将把所有url发送到您的索引文件。url模式取决于应用程序上下文路径