300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Ajax调用springboot接口 Springboot解决ajax+自定义headers的跨域请求问题.pdf

Ajax调用springboot接口 Springboot解决ajax+自定义headers的跨域请求问题.pdf

时间:2021-12-31 10:26:17

相关推荐

Ajax调用springboot接口 Springboot解决ajax+自定义headers的跨域请求问题.pdf

Springboot解解决决ajax+自自定定义义headers的的跨跨域域请请求求问问题题

1、、什什么么是是跨跨域域

由于浏览器同源策略 (同源策略,它是由Netscape提出的一 著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这

策略。所谓同源是指,域名,协议,端口相同。),凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同

即为跨域。

具体可以查看下表:

2、、springboot如如何何解解决决跨跨域域问问题题

1.普普通通跨跨域域请请求求解解决决方方案案::

①请求接口添加注解@CrossOrigin(origins = "http:// 127. . .1:8 2 ", maxA ge = 36 )

说明:origins = "http:// 127. . .1:8 2 " origins值为当前请求该接口的域

②通用配置 (所有接口都允许跨域请求)

新增一 configration类 或 在A pplication中加入CorsFilter和CorsConfiguration方法

@Configuration

public class CorsConfig {

private CorsConfiguration buildConfig() {

CorsConfiguration corsConfiguration = new CorsConfiguration();

corsConfiguration.addAllowedOrigin("*"); 1允许任何域名使用

corsConfiguration.addAllowedHeader("*"); 2允许任何头

corsConfiguration.addAllowedMethod("*"); 3允许任何方法 (post、get等)

return corsConfiguration;

}

@Bean

public CorsFilter corsFilter() {

UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();

source.registerCorsConfiguration(" **", buildConfig()); 4

return new CorsFilter(source);

}

}

2.ajax自自定定义义headers的的跨跨域域请请求求

$.ajax({

type:"GET",

url:"http: localhost:8766 main currency sginInState",

dataType:"JSON",

data:{

uid:userId

},

beforeSend: function (XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Authorization", access_token);

},

success:function(res){

console.log(res.code)

}

})

此时请求http://localhost:8766/main/currency/sginInState接口发现OPTIONS http://localhost:8766/main/currency/sginInState

5 错误,普通跨域的解决方案已经无法解决这种问题,为什么会出现OPTIONS请求呢?

原原因因

浏览器会在发送真正请求之前,先发送一 方法为OPTIONS的预检请求 Preflighted requests 这 请求是用来验证本次请求是否

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。