CORS : 解决ajax页面请求跨域的问题

  • 跨域

            简述跨域的几种形式:

    1:http://www.baidu.com:8080和http://www.baidu.com:8081    端口号不同

    2:http://www.baidu.com 和 http://www.tenx.com    主域名不同(ip不同)

    3:http://aa.123.com 和 http://bb.123.com    子域名不同

    4:http://www.hao.com 和 https:www.hao.com         协议不同

    5:注意一点,localhost和127.0.01都是指向本机,但是也是属于跨域的


  • 项目实例(springBoot)

CORS : 解决ajax页面请求跨域的问题

使用Eclipes建立springboot项目,项目结构war并进行web依赖。

驱动类:

CORS : 解决ajax页面请求跨域的问题

创建一个HelloController类来响应请求 !

CORS : 解决ajax页面请求跨域的问题

随后在webapp下创建一个my.html页面,用来对请求的发起。

CORS : 解决ajax页面请求跨域的问题

CORS : 解决ajax页面请求跨域的问题

在浏览器进行测试 :

CORS : 解决ajax页面请求跨域的问题

出现 No 'Access-Control-Allow-Origin' header is present on the requested resource 提示

  • 解决方案

在com.springBoot.server.controller下创建一个配置类

CORS : 解决ajax页面请求跨域的问题

再进行测试:

CORS : 解决ajax页面请求跨域的问题


Over