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