哪位大神可以指点一下:cors跨域细粒度设置不起作用啊

yrldjsbk2024-04-29 19:11

哪位大神可以指点一下:cors跨域细粒度设置不起作用啊！

如下图所示：

实际上，我后端控制器方法已经加好了注解了。

代码如下：

package com.example.corsserver.controller;

import org.springframework.web.bind.annotation.*;

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

    @PostMapping ("/")
    @CrossOrigin(value = "http://127.0.0.1:8081",maxAge = 1800,allowedHeaders = "*")
    public String addBook(String name){
        return "receive:"+name;
    }

    @DeleteMapping("/{id}")
    @CrossOrigin(value = "http://127.0.0.1:8081",maxAge = 1800,allowedHeaders = "*")
    public String deleteBookById(@PathVariable Long id){
        return String.valueOf(id);
    }
}

下面代码是前端页面的代码：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.js" ></script>


</head>
<body>
<div id="contentDiv">

</div>

<div id="deleteResult"></div>

<input type="button" value="提交数据" onclick="getData()"><br>
<input type="button" value="删除数据" onclick="deleteData()"><br>
<script>
    function deleteData(){
        $.ajax({
            url:'http://127.0.0.1:8080/book/99',
            type:'delete',
            success:function (msg){
                $("#delteResult").html(msg);
            }
        })
    }
    function getData(){
        $.ajax({
            url:'http://127.0.0.1:8080/book',
            type:'post',
            data:{name:'三国演义'},
            success:function (msg){
                $("#contentDiv").html(msg);
            }
        })
    }
</script>
</body>
</html>

静态页面，2个按钮。

哪个大神可以指导一下呢。这种情况，是什么原因引起的？