idea前后端分離搭建 JavaWeb項目

我們小組在開發的時候, 承諾了前后端分離, 那么就要求前端和后端需要分開搭建. 

不能同時放在一個工程項目中. 大致的思路是開啟兩個Tomcat, 一個跑前端頁面, 一個跑后端程序. 

1. idea打開后端項目

2. File->Project Structure->artifacts->添加war包

3.在前端文件夾的js文件夾里創建config.js文件，配置url請求配置項:

/*所有請求url配置項*/ (function () { window.BM_CONFIG = { BMurl:'http://127.*.*.*/fms'  //你自己的后台url鏈接
 } })();

4.Run->Edit Configurations->Deployment

添加External Source 前端文件夾（如圖，我的叫webapp）

動圖如下

 

添加war包，設置application context為3里定義的BMurl：

 

5.確定，運行。以上就是在單個Intellij IDEA里整合分離的前后端項目的方法。

 

但我想要的是: 2個Tomcat服務器, 因此搭建兩個Tomcat服務器的教程如下: 

https://www.cnblogs.com/mengfanrong/p/5264979.html

 

 

 

參考資料: https://www.jianshu.com/p/37938e89a1ce