Spring Boot2 系列(五) - CORS 解决跨域问题

最新推荐文章于 2021-06-15 20:51:03 发布

SimpleAndComplex

最新推荐文章于 2021-06-15 20:51:03 发布

阅读量222

点赞数

分类专栏： # SpringBoot

本文链接：https://blog.csdn.net/weixin_43523875/article/details/105860214

版权

SpringBoot 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

什么是跨域?什么是同源策略?
参考
所谓同源是指协议、域名以及端口要相同。同源策略是基于安全方面的考虑提出来的

什么是CORS?（跨域源资源共享）

它是一份浏览器技术的规范，提供了 Web 服务从不同网域传来沙盒脚本的方法，以避开浏览器的同源策略，这是 JSONP 模式的现代版
JSONP 虽然能解决跨域但是有一个很大的局限性，那就是只支持 GET 请求

演示
首先需要两个springboot项目,一个消费服务,一个提供服务

提供服务

//端口号—8080

@RestController
public class HelloController {
    @GetMapping("/hello")
    public String hello() {
        return "hello";
    }

    @PostMapping("/hello")
    public String hello2() {
        return "post hello";
    }
}

消费服务

//端口号—8081

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跨域</title>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div id="app"></div>
<input type="button" onclick="btnClick()" value="get_button">
<input type="button" onclick="btnClick2()" value="post_button">
<script >
    function btnClick() {
        $.get('http://localhost:8080/hello', function (msg) {
            $("#app").html(msg);
        });
    }

    function btnClick2() {
        $.post('http://localhost:8080/hello', function (msg) {
            $("#app").html(msg);
        });
    }
</script>
</body>
</html>

消费端用ajax请求8080端口,会发生异常
在这里插入图片描述

解决

在需要跨域访问的服务上加上注解

@RestController
public class HelloController {

    @GetMapping("/hello")
    @CrossOrigin(value = "http://localhost:8081")
    public String hello() {
        return "hello";
    }

    @PostMapping("/hello")
    @CrossOrigin(value = "http://localhost:8081")
    public String hello2() {
        return "post hello";
    }
}

@CrossOrigin配置某一个方法接受某一个域的请求

再次请求:
在这里插入图片描述

SimpleAndComplex

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Spring Boot2 系列(五) - CORS 解决跨域问题

什么是跨域?什么是同源策略?参考所谓同源是指协议、域名以及端口要相同。同源策略是基于安全方面的考虑提出来的什么是CORS?（跨域源资源共享）它是一份浏览器技术的规范，提供了 Web 服务从不同网域传来沙盒脚本的方法，以避开浏览器的同源策略，这是 JSONP 模式的现代版JSONP 虽然能解决跨域但是有一个很大的局限性，那就是只支持 GET 请求演示首先需要两个springboot...
复制链接

扫一扫