我想从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文档。该类中…