先後端徹底分離開發模式Tomcat跨域問題處理

公司新項目實現方案採用先後端徹底分離架構，後端採用spring boot框架，前端純HTML5開發
部署會採用同一臺服務器，可是在實現過程當中分工開發出現ajax請求跨域問題
故爲解決開發問題發現以下解決方案：
1：chrome修改跨域請求：
參照百度經驗
https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html
2：tomcat修改配置文件容許跨域：
該方案爲網上搜尋，使用過程當中遇到一些疑問，可是不影響使用。
● 打開tomcat安裝目錄 -> 打開 conf 目錄 -> 打開web.xml文件
● 將以下代碼複製到web.xml文件中(我是放在 460左右的位置，不要放在最前面和最後面，必定要放中間)
<filter>
<filter-name>CorsFilter</filter-name>
<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
<init-param>
<param-name>cors.allowed.origins</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
<param-name>cors.allowed.methods</param-name>
<param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
</init-param>
<init-param>
<param-name>cors.allowed.headers</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
<param-name>cors.exposed.headers</param-name>
<param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
</init-param>
<init-param>
<param-name>cors.support.credentials</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CorsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

本機測試發現當在web.xml文件中添加該配置後重啓tomcat會出現問題，頁面接口不能訪問，
當tomcat正常運行階段，web.xml直接替換能夠生效，未知緣由，可是能夠使用。