SSM架构下的Cors跨域问题

What is Cors?
Cross-Origin Resource Sharing (CORS)
先上MDN的原文解析
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS
CORS 跨域 实现思路及相关解决方案
https://www.cnblogs.com/sloong/p/cors.html
How did I find out about this problem?
我是怎么发现这个问题的?
首先是我最近的项目是个ssm三端项目,后端的管理页面使用的是jsp技术,如果按照之前项目架构实现方案是不需要进行后端jsp页面跨域,但是我有新的业务需求需要跨域。
但是我还要按照之前的jsp页面构建方案将页面搭建成如下结构


按照上述的页面构建方案便可以保证我是无拦截的访问我本地服务器localhost:8080的API进行数据访问
但是按照上述的构造方案,进行ajax数据访问导致我出现了如下报错!

Solutions解决方案


按照上述的方法 既可以阻止页面进行Ajax前进行相关RequestHeader属性设置
再使用ajax进行访问外部网段API可以进行跨域请求
StackOverflow
StackOverflow相识问题的阐述
Request header field X-CSRFToken is not allowed by Access-Control-Allow-Headers in preflight response](https://stackoverflow.com/questions/33751191/request-header-field-x-csrftoken-is-not-allowed-by-access-control-allow-headers)