先后端彻底分离开发模式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>html


本机测试发现当在web.xml文件中添加该配置后重启tomcat会出现问题,页面接口不能访问,
当tomcat正常运行阶段,web.xml直接替换能够生效,未知缘由,可是能够使用。
前端

相关文章
相关标签/搜索