Springboot使用cors解决跨域问题

最新推荐文章于 2024-06-12 17:50:59 发布

梦凡AI

最新推荐文章于 2024-06-12 17:50:59 发布

阅读量623

点赞数 1

分类专栏： springboot 文章标签： java spring boot spring html

本文链接：https://blog.csdn.net/qq_18561513/article/details/106037342

版权

springboot 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

Springboot使用cors解决跨域问题

首先我们启动两个项目一个8080 一个8081

8080提供一个hello接口非常的简单

8081写一个静态页面进行访问

8080java代码

@RestController
public class HelloController {

    @GetMapping("/hello")
    public String hello(Model model){
        return "hello";
    }
}

8081静态页面代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jq.js"></script>
</head>
<body>
<div id="app"></div>
<button onclick="getData()">请求</button>
<script>
    function getData(){
        $.get("http://localhost:8080/hello",function (msg) {
            $("#app").html(msg)
        })
    }
</script>
</body>
</html>

我们进行访问点请求

在这里插入图片描述

我们可以看到报了个错No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

这就是典型的跨域问题

下面我们使用cors从后端进行解决大家其实都知道很多时候呢我们都是吧跨域认为是前端的问题确实是前端的问题，但是呢我们后端也是可以解决的那么很简单我们只需要一个注解即可解决

@RestController
public class HelloController {
    @GetMapping("/hello")
    @CrossOrigin(origins = "http://localhost:8081")
    public String hello(Model model){
        return "hello";
    }
}

我们在这个方法上加一个CrossOrigin这个注解给origins一个可访问的ip即可

这样我们就解决了跨域问题

但是呢现在是解决了这个hello的借口的问题

那么其他的呢

这个注解也可以放在类上面的那么在这个类里面的接口都是可以被访问的

那么再其他的呢

当然可以做一个全局的配置我们需要写一个class来重写他默认的配置

@Configuration
public class WebMavConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        //所以的接口都是可以的                //所有的人都是可以访问的
        registry.addMapping("/**").allowedOrigins("*")
                //所有的头都可以访问
                .allowedHeaders("*")
                //所有的方法都可以访问
                .allowedMethods("*");
    }
}

我写在这儿了就不过解释了注释很清楚

//所有的方法都可以访问
.allowedMethods("*");
}
}


我写在这儿了  就不过解释了  注释很清楚

那么好 我是梦凡  加油！

梦凡AI

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Springboot使用cors解决跨域问题

Springboot使用cors解决跨域问题首先我们启动两个项目一个8080 一个80818080提供一个hello接口非常的简单8081写一个静态页面进行访问8080java代码@RestControllerpublic class HelloController { @GetMapping("/hello") public String hello(Model model){ return "hello"; }}8081静态页面代码&
复制链接

扫一扫