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页面请求跨域的问题_第1张图片

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

驱动类:

CORS : 解决ajax页面请求跨域的问题_第2张图片

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

CORS : 解决ajax页面请求跨域的问题_第3张图片

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

CORS : 解决ajax页面请求跨域的问题_第4张图片

CORS : 解决ajax页面请求跨域的问题_第5张图片

在浏览器进行测试 :

CORS : 解决ajax页面请求跨域的问题_第6张图片

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

  • 解决方案

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

CORS : 解决ajax页面请求跨域的问题_第7张图片

再进行测试:

CORS : 解决ajax页面请求跨域的问题_第8张图片


Over











你可能感兴趣的:(ajxa)