如何在Spring MVC应用程序中运行Angular 2页面? - java

我想从angular 2项目中获取index.html作为Spring MVC应用程序的欢迎页面来运行。我运行角度2的方式是通过npm start。如果不进行npm start加载index.html,组件将无法正确加载。如何使index.html成为Spring MVC项目的欢迎页面?

编辑:添加了更多详细信息。

角度种子项目按原样加载。我只是想从角度种子项目中加载index.html。节点模块已经添加,可以与npm start完美运行。

至于我的web.xml,我有这种欢迎文件:

  <welcome-file-list>
      <welcome-file>AngularContent/src/index.html</welcome-file>
  </welcome-file-list>

并且index.html具有以下内容:

<!DOCTYPE html>
<html>
  <head>
    <title>Angular QuickStart</title>
    <base href="/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="/">
    <link rel="stylesheet" href="styles.css">

    <!-- Polyfill(s) for older browsers -->
    <script src="AngularContent/node_modules/core-js/client/shim.min.js"></script>

    <script src="AngularContent/node_modules/zone.js/dist/zone.js"></script>
    <script src="AngularContent/node_modules/systemjs/dist/system.src.js"></script>

    <script src="AngularContent/src/systemjs.config.js"></script>
    <script>
      System.import('AngularContent/src/main.js').catch(function(err){ console.error(err); });
    </script>
  </head>

  <body>
    <my-app>Loading AppComponent content here ...</my-app>
  </body>
</html>

参考方案

我有一个相同的问题,最近我找到了正确的解决方案。

请按照以下步骤实现我们的主要目标,即在一台服务器上运行SPRINGMVC + Angular2。

创建普通的动态Web项目。
添加spring或用户maven pom.xml所需的所有依赖关系
打开CMD,导航到angular2应用程序。命中命令
npm install下载node_modules,然后ng build或使用ng build --prod进行生产。此命令将创建一个“ dist”文件夹,复制所有文件,包括所有文件夹。
将这些文件和文件夹粘贴到WebContent目录中。
最后,您需要在index.html中更改basehref =“ ./”。

现在您可以运行服务器了,或者可以部署war文件并将其与tomcat或其他服务器一起使用。

如果要使用spring和angular 2的文件结构,请访问this thread!

无法从ArrayList <String>转换为List <Comparable> - java

当我写下面的代码时,编译器说 无法从ArrayList<String>转换为List<Comparable>private List<Comparable> get(){ return new ArrayList<String>(); } 但是当我用通配符编写返回类型时,代码会编译。private List&l…

合并List <T>和List <Optional <T >> - java

鉴于: List<Integer> integers = new ArrayList<>(Arrays.asList( 10, 12 )); List<Optional<Integer>> optionalIntegers = Arrays.asList( Optional.of(5), Optional.em…

实例化类型<?>的泛型类 - java

我正在为SCJP / OCPJP学习,并且遇到了一个对我来说很奇怪的示例问题。该示例代码实例化了两个通用集合:List<?> list = new ArrayList<?>(); List<? extends Object> list2 = new ArrayList<? extends Object>(); …

OpenShift构建错误:无法在多模块Maven Spring启动项目的父模块中导入子模块类 - java

我有一个使用spring的多模块Maven项目。通用模块类用作业务模块项目中的直接导入。我可以在本地PC上编译并成功运行它们。当我在OpenShift中部署相同的模块时,出现错误,无法在业务模块中导入通用模块类。项目结构可以总结如下:项目根 通用模块 src pom.xml 业务模块 src pom.xml pom.xml父POM:<?xml vers…

Java中的“ <<”运算符 - java

最喜欢的语句来自Java的Character类:(1 << Character.PARAGRAPH_SEPARATOR)) >> type PARAGRAPH_SEPARATOR是字节,type是整数。这句话中的操作员,他们做什么?如何以及在哪里可以使用这些运算符?这是oracles java.lang.Character文档。该类中…