Question

我已经构建了一个新的Angular7应用程序，并且本地的angular应用程序运行正常。现在，我需要从基于Java / JSP构建的现有遗留Web应用程序中启动我的angular应用程序。在现有的旧版应用程序中，我有一个URL。单击该URL后，应打开角度应用程序。

但是，每当我点击URL时，似乎都无法正确地路由到有角度的应用程序。

本地角度应用程序已在-http://localhost:4200/alerts;alerttype=renewals;cor=411119

上成功运行

我到目前为止所做的，我已将angular dist文件夹复制到旧版应用程序的webcontent文件夹中，并按以下方式运行该应用程序

http://localhost:9086/customer/eWeb/AlertApp/alerts;alerttype=renewals;cor=411119

app.routing.module.ts

    const routes: Routes = [
    { path: 'alerts', component: AlertsComponent },
    { path: 'customer/eWeb/AlertApp/alerts', component: AlertsComponent 
     },
    ];

任何人都可以帮助并告诉您如何从旧版应用程序中启动角度应用程序吗？所有路由都需要配置什么？

谢谢。

Answer 1

一旦构建了角度应用程序，就会得到一些js和css文件（取决于您的代码，模式详细信息here）

只需将这些文件打包并移动到服务器上，然后在JSP页面上调用主文件（bundle.js）。

在执行此操作之前，请不要忘记在index.html中设置基本路径

Answer 2

更新您的服务器端url配置（SpringMVC或SpringBoot配置或Servlet web.xml）以返回您的父jsp。

http://localhost:9086/customer/eWeb/AlertApp-> app.jsp

在app.jsp中，仅包含CSS +捆绑的js文件（类似于您的angular index.html）

<body>
 <div app> </div>
 <script type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="scripts.js"></script><script type="text/javascript" src="main.js"></script>
</body>

从旧版Web应用程序运行angular7应用程序

2 个答案: