小编典典

将Angular2项目集成到Tomcat服务器中

tomcat

我已经为我的项目开发了Spring Maven Rest
API。对于客户端,我将Angular2与打字稿一起使用。作为Angular的新手,使用npm和lite-server推荐使用angular网站进行开发。

现在,我需要 通过将html,js,css文件集成到我的maven项目中, 将这两个单独的项目合并为一个
项目,以将其部署在Tomcat服务器中。

项目结构

客户端

Project
|__ app
      |_ all app files
|__ node_modules
|__ typings
|__ index.html
|__ package.json
|__ style.css
|__ systemjs.config.js
|__ tsconfig.json
|__ typings.json

服务器端

Project
|__ src/main
        |__ java
        |__ resources
        |__ webapp
                 |__index.html
|__ pom.xml

我发现所有类似的帖子/博客都建议使用node等更新pom.xml。但是我需要的是,

  • 将angular-typescript项目编译为js文件。
  • 产生一组功能齐全的html,js,css文件。
  • 将它们复制到服务器的webapp文件夹中或必须放置的任何位置。
  • 在Tomcat中运行Spring Maven项目必须显示我的客户端索引页面
  • 当客户端是两个单独的项目时,客户端必须以相同的方式工作(与rest api通信)

如何做到这一点?

npm run build在角度项目根文件夹中运行此命令,以创建一个dist包含生产就绪客户端文件的文件夹。但是得到了这个错误

缺少脚本构建


阅读 323

收藏
2020-06-16

共1个答案

小编典典

最后使用 angular-cling build --prod创建生产就绪版本。在tomcat
webapps中的项目文件夹下(或在eclipse中的Webcontent下)复制index.html和.js文件。

将index.html编辑为<base href = ".">,并且效果很好

2020-06-16