spring boot 跨域

预准备知识:跨域 CORS

后端配置允许所有源跨域、允许浏览器发送凭证(credentials):

@SpringBootApplication
public class SpringBootHelloworldApplication {

    public static void main(String[] args) {
        SpringApplication.run(SpringBootHelloworldApplication.class, args);
    }
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                .allowCredentials(true);
            }
        };
    }
}

CorsRegistry用于配置cors,默认配置是允许任何源访问、允许简单方法、允许所有头部、预请求结果持续30秒。

注意,CorsRegistry的允许所有源访问,是通过设置请求的Origin字段实现的,因此不会与allowCredentials冲突。

前端配置:

//开发环境配置--配置ajax
let baseUrl="http://localhost:8080"
$.ajaxSetup({
    //ajax请求发送前预处理
    beforeSend: function(xhr, options) {
        //如果是根相对地址,则加上服务端前缀
        if(options.url.startsWith("/")){
            options.url=baseUrl+options.url;
        }
        //允许发送credentials
        options.xhrFields=Object.assign(
            options.xhrFields==null? {} : options.xhrFields,
            { withCredentials:true }
        );
    }
})
//现在可以跨域请求,前提是后端允许
$.get("/hello",function(data){
    console.log(data);
})

这里前端配置复杂了点,简单的请看:跨域 CORS

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值