gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 11:07:26 25 4
gpt4 key购买 nike

我希望将 Angular 2 项目中的 index.html 作为 Spring MVC 应用程序的欢迎页面运行。
我运行 Angular 2 的方式是通过 npm start。如果我加载index.html而不执行npm start,组件将无法正确加载。
我如何才能使index.html作为我的Spring MVC项目的欢迎页面?

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

Angular 种子项目按原样加载。我只是想从 Angular-Seed 项目加载 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。

  1. 创建正常的动态 Web 项目。

  2. 添加 spring 或用户 maven pom.xml 所需的所有依赖项

  3. 打开 CMD,导航到 angular2 应用程序。命中命令npm install 下载node_modules,然后使用 ng build 或使用 ng build --prod 进行生产。此命令将创建一个“dist”文件夹,复制所有文件,包括所有文件夹。
  4. 将这些文件和文件夹粘贴到 WebContent 目录中。
  5. 最后一件事,您需要更改index.html中的basehref="./"。

现在您已准备好运行服务器,或者您可以部署 war 文件并通过 tomcat 或其他服务器提供服务。

访问this thread如果你想要 spring 和 Angular 2 的文件结构!

关于java - 如何在 Spring MVC 应用程序中运行 Angular 2 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42503792/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com