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

哪位大神可以指点一下: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个按钮。

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

相关推荐
科兴第一吴彦祖几秒前
基于Spring Boot + Vue 3的乡村振兴综合服务平台
java·vue.js·人工智能·spring boot·推荐算法
ZhengEnCi1 小时前
🚀创建第一个 SpringBoot 应用-零基础体验开箱即用的神奇魅力
java·spring boot
非凡的世界1 小时前
微服务——SpringBoot使用归纳——Spring Boot中使用拦截器——拦截器的快速使用
spring boot·微服务·架构
骷髅头的寂寞1 小时前
Spring Boot 整合 Thymeleaf 生成 HTML 页面教学
spring boot·html·intellij-idea
神仙别闹4 小时前
基于Java(Spring Boot)+MySQL实现电商网站
java·spring boot·mysql
hacker_LeeFei4 小时前
Springboot连接多数据源(MySQL&Oracle)
spring boot·mysql·oracle
Roye_ack16 小时前
【项目实战 Day12】springboot + vue 苍穹外卖系统(Apache POI + 工作台模块 + Excel表格导出 完结)
java·spring boot·后端·excel·苍穹外卖
qq_54702617917 小时前
SpringBoot+Redis实现电商秒杀方案
spring boot·redis·后端
程序猿DD18 小时前
如何在 Spring Boot 应用中配置多个 Spring AI 的 LLM 客户端
spring boot·llm·spring ai