angular2项目本地部署

ng2项目部署
1、ng build;
angular2项目本地部署angular2项目本地部署
angular2项目本地部署
2、打包完成后项目根目录下出现dist文件夹;
复制dist到tomcat文件夹下;
angular2项目本地部署
修改配置文件;
angular2项目本地部署angular2项目本地部署
文件里面默认有一个 <Service name="Catalina"></Service >标签;
这里是两个,可以把 前后台部署到同一个tomcat;
(1)将后台项目端口修改为8077。
*这里修改端口与打包前没有关系,不用重新打包。
angular2项目本地部署angular2项目本地部署
指定后台项目的war包地址,tomcat启动时自动解压;
angular2项目本地部署angular2项目本地部署
配置文件地址与实际路径一致。
angular2项目本地部署angular2项目本地部署
(2)将ng2项目端口修改为8081。
*这里修改端口与打包前没有关系,不用重新打包
angular2项目本地部署angular2项目本地部署
指定前台项目dist地址;
angular2项目本地部署angular2项目本地部署
server.xml文件的配置要与实际项目地址保持一致;
angular2项目本地部署angular2项目本地部署
最终使用tomcat启动项目;
angular2项目本地部署angular2项目本地部署
启动成功;
angular2项目本地部署angular2项目本地部署
访问已部署的项目;



另外,前台webapps1不需要修改已打包文件
但是在打包前需要将后台链接的url中的localhost改为ip,端口需要跟配置文件一致
angular2项目本地部署