SpringBoot跨域请求

最新推荐文章于 2024-07-30 18:02:57 发布

多学学习吧

最新推荐文章于 2024-07-30 18:02:57 发布

阅读量98

点赞数

分类专栏： java 文章标签： java

本文链接：https://blog.csdn.net/weixin_44900317/article/details/107088718

版权

java 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

新建一个SpringBoot项目，端口8080，配置CORS：

@Configuration
public class MyWebMVCConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/book/**")//请求路径
                .allowedHeaders("*")//请求头
                .allowedMethods("*")//方法
                .maxAge (1800)
                .allowedOrigins("http://localhost:8081");//支持的域
    }

}

如果不使用类的话，也可以在单独的方法上面配置：

@RestController
@RequestMapping("/book")
public class BookController {

    @PostMapping("/a")
//    @CrossOrigin(value = "http://localhost:8080",maxAge = 1800,allowedHeaders = "*")
    public String addBook(String name){
        return "添加" + name;
    }
    @DeleteMapping("/{id}")
//    @CrossOrigin(value = "http://localhost:8080",maxAge = 1800,allowedHeaders = "*")
    public String deleteBook(@PathVariable Long id){
        return "删除" + String.valueOf(id);
    }
}

新建一个SpringBoot项目，端口8081，建一个html，第一个项目的控制器发送请求，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="application/javascript" src="jquery.min.js"></script>
</head>
<body>
    <div id="contentDiv"></div>
    <div id="deleteResult"></div>
    <input type="button" value="提交数据" id="getData"/><br/>
    <input type="button" value="删除数据" id="deleteData"/><br/>
<script>
    $(document).ready(function () {
        $("#getData").click(function () {
            $.ajax({
                url:'http://localhost:8080/book/a',
                // headers: "Access-Control-Allow-Origin",
                type:'post',
                data:{name:'aaa'},
                success:function (data) {
                    $("#contentDiv").html(data);
                }
            })
        })
        $("#deleteData").click(function () {
            $.ajax({
                url:'http://localhost:8080/book/99',
                // headers: "Access-Control-Allow-Origin",
                type:'delete',
                success:function (data) {
                    $("#deleteResult").html(data);
                }
            })
        })
    })

</script>
</body>
</html>