Ajax调用springboot接口,Springboot发布的POST接口，ajax请求产生跨域问题的解决方法...

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)

}

});