Springboot发布的POST接口，ajax请求产生跨域问题的解决方法

最新推荐文章于 2024-05-04 00:47:35 发布

纱布1213

最新推荐文章于 2024-05-04 00:47:35 发布

阅读量1.3k

点赞数

分类专栏： SpringBoot

本文链接：https://blog.youkuaiyun.com/u011992073/article/details/84976042

版权

SpringBoot 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何在SpringBoot 1.5及2.0以上版本中实现跨域请求，包括使用@CrossOrigin注解的方法级和控制器级别的配置，以及解决Spring5中@CrossOrigin注解的默认限制。同时提供了AJAX请求的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Spring boot 1.5
使用@CrossOrigin

单个接口跨域直接在方法上添加@CrossOrigin，也可以在controller上添加注解

//@CrossOrigin
@RestController
@RequestMapping(“smsapp/sendmsg”)
public class SendMsgController {

@CrossOrigin
@PostMapping("/sendpostyzm")
public JSONObject sendyzm(@RequestBody JSONObject requestJson) {
String phone= requestJson.getString(“phone”);
…
}

ajax

$.ajax({
type: “POST”,
url: “http://XXXXXXX.com/smsapp/sendmsg/sendpostyzm”,
//dataType:“json”,
contentType:“application/json”,
data :JSON.stringify({“phone” : $(’#tel’).val()}),
success : function(data) {
alert(data.code)
}
});

Springboot2.0及以上版本添加 @CrossOrigin还无法跨域是因为Spring5里面对这个注解改动了

@CrossOrigin源码查看
*

By default this is not set in which case the
**** {@code Access-Control-Allow-Credentials} header is also not set and
* credentials are therefore not allowed.***
*/
String allowCredentials() default “”;

所以需要手动添加如下

@CrossOrigin(allowCredentials=“true”,maxAge = 3600)
@PostMapping("/sendpostyzm")
public JSONObject sendyzm(@RequestBody JSONObject requestJson) {
String phone= requestJson.getString(“phone”);
。。。。。
}

或者在ajax请求中添加

$.ajax({
type: “POST”,
url: “http://XXXXX.com/smsapp/sendmsg/sendpostyzm”,
xhrFields: {
withCredentials: true // 设置运行跨域操作
},
//dataType:“json”,
contentType:“application/json”,
data :JSON.stringify({“phone” : $(’#tel’).val()}),
success : function(data) {
alert(data.code)
}
});