如何在Tomcat服务器中部署Angular 4 App

时间:2018-01-13 16:17:30

标签: angular tomcat

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

3 个答案:

答案 0 :(得分:2)

我是这样做的: - 我创造了一个" angular" tomcat/webapps中的文件夹 - 我的Angular版本中的所有文件(在dist文件夹中)都被复制到该文件夹 - 然后我在WEB-INF/web.xml中添加tomcat/webapps/angular,其中包含以下内容:

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

这样,每次找不到URL时,Tomcat都会重定向到index.html,然后导致Angular使用组件路由器来处理它。

答案 1 :(得分:0)

您可以将角度应用程序部署到tomcat中作为战争。 我们的代码库位于bitbucket云上,后端应用程序是用java编写的,前端是angularjs。

Bitbucket管道是非常简单的工具,您可以将其配置为持续交付。

我准备了一个管道文件,用于将我们的应用程序部署到来自bitbucket代码库的aws上的tomcat。

我搜索了nodejs命令行工具,以便轻松实现。不过,以下工具指导我将我们的角度应用程序文件夹部署到tomcat。

  • npm install -g bestzip
  • npm install -g tomcat-deploy
  • npm install -g minimist

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

  • bestzip webApplication.war app / bower_components /

第二项操作是取消部署现有的网络应用程序。

  • tomcat-deploy undeploy --hostname www.example.com --port 80 --login tomcatUser --password tomcatPassword --path / webApplication

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

  • tomcat-deploy deploy webApplication.war --hostname www.example.com --port 80 --login tomcatUser --password tomcatPassword --path / webApplication

您需要managerApp进行远程部署。别忘了先安装它。

Best Reagards

答案 2 :(得分:-1)

你可以在eclipse中创建一个空的web项目。将角度生产构建分发文件粘贴到那里。由于您正在使用angular中的路由,因此在eclipse Web项目的web.xml文件中将所有类型的路由请求发送到angular的index.html文件