Intellij IDEA 中Tomcat配置前后端分离项目

今天原本想在Tomcat的server.xml里整合前后端分离的项目，然而怎么改在intellij IDEA里跑的时候都没有效果。
查了一下原来是Intellij IDEA会自动修改Tomcat默认值。。。这样通过Intellij来整合起来就方便很多，避免了如果有多个项目每次都要改server.xml的麻烦。以下是方法：

1. eclipse打开后端项目
   2.File->Project Structure->artifacts
   添加war包

   
   
   

   微信图片_20170602093205.png
   
   

   3.在前端文件夹的js文件夹里创建config.js文件，配置url请求配置项:

/*所有请求url配置项*/

(function () {
    window.BM_CONFIG = {
        BMurl:'http://127.*.*.*/sys'  //你自己的后台url链接
    }
})();

4.Run->Edit Configurations->Deployment

添加External Source 前端文件夹（如图，我的叫app）

image.png

添加war包，设置application context为3里定义的BMurl：

image.png

5.确定，运行。以上就是在单个Intellij IDEA里整合分离的前后端项目的方法。