angular2项目本地部署

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



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

你可能感兴趣的:(angular2项目本地部署)