What is Cors?

Cross-Origin Resource Sharing (CORS)

  1. 先上MDN的原文解析
  2. CORS 跨域 实现思路及相关解决方案

How did I find out about this problem?

我是怎么发现这个问题的?

  1. 首先是我最近的项目是个ssm三端项目,后端的管理页面使用的是jsp技术,如果按照之前项目架构实现方案是不需要进行后端jsp页面跨域,但是我有新的业务需求需要跨域。
  2. 但是我还要按照之前的jsp页面构建方案将页面搭建成如下结构
  3. 按照上述的页面构建方案便可以保证我是无拦截的访问我本地服务器localhost:8080的API进行数据访问
  4. 但是按照上述的构造方案,进行ajax数据访问导致我出现了如下报错!

Solutions解决方案

  1. 按照上述的方法 既可以阻止页面进行Ajax前进行相关RequestHeader属性设置
  2. 再使用ajax进行访问外部网段API可以进行跨域请求

StackOverflow

  1. StackOverflow相识问题的阐述
  2. 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)

Cross-Origin Resource Sharing Translate