java - 在单个服务器上使用 Angular 2 运行 Spring4MVC

Question

我是angular2的新手，我想知道angular 2的SpringMVC4可能的文件结构是什么？

如图所示，它适用于 Angular 1.x，但 Angular 2 的文件结构完全不同且其组件驱动，我使用的是 Angular 2 文件结构，如下所示

我搜索了很多，发现我们可以分别使用前端(使用 angular2)和后端(服务器-使用 spring/springboot)，但是我们需要 2 个服务器来运行应用程序。例如，前端:192.168.100.1:4200和后端:192.168.100.1:8080

那么有什么方法或通用文件结构可以在同一台服务器(如 192.168.100.1:8080)上同时运行 angular2 和 spring4MVC 吗？

提前致谢。答案将不胜感激!

Answer 1

到现在为止没有答案没关系，我找到了解决方案。我是怎么做到的？

您需要 2 个上下文。

(1) Angular 2 项目和

(2) Spring MVC

按照以下步骤实现我们的主要目标，即在单个服务器上运行 SPRINGMVC + Angular2。

1. 创建普通的动态网络项目。
2. 添加spring或用户maven pom.xml所需的所有依赖

3. 打开 CMD，导航到 angular2 应用程序。命中命令

   npm 安装 然后

   ng build 或使用 ng build --prod 进行生产

此命令将创建一个“dist”文件夹，复制所有文件，包括所有文件夹。

1. 将这些文件和文件夹粘贴到 WebContent 目录中。

2. 最后，您需要更改 index.html 中的 basehref="./"。现在您已准备好运行服务器，或者您可以部署 war 文件并使用 tomcat 或其他服务器提供它。

如果您正在使用 Rest webservices 并希望在单个服务器中运行 angular2 和 spring，

您需要根据您的主机 url 放置 webServiceEndPointUrl。例如，如果您在 localhost:8080 上运行应用程序，则需要保留 url

webServiceEndPointUrl= "http://localhost:8080/api/user ";在 Angular 边。之后，您可以构建并将粘贴复制到您的 WebContent 文件夹。

见下图，springMVC+ANGULAR2的文件结构

我知道使用这些方式在单个服务器上运行应用程序有很多缺点，但如果必须这样做，您可以按照此操作。

如果你在 Angular 方面做了任何改变，你需要一直复制粘贴 dist 文件夹，然后你就可以部署它了!