SpringBoot 处理跨域请求

一、背景

最开始项目计划的是通过Nginx进行转发,且配置了跨域请求。后来又改变了部署方式,所以得通过项目自身来进行一下跨域处理。

1)何为跨域?

URL的一般格式: 协议 + 域名(子域名 + 主域名) + 端口号 + 资源地址

一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

二、跨域配置

1)局部跨域

直接在想要跨域的类上配置@CrossOrigin注解即可满足本类的所有方法都可以实现跨域。
在这里插入图片描述
我们还可以在@CrossOrigin后方直接配置指定域名才可以访问。
比如:@CrossOrigin(“https://blog.csdn.net/huo065000/”)

2)全局跨域

直接实现WebMvcConfigurer或者继承WebMvcConfigurationSupport,然后重写addCorsMappings配置相关即可。

 @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedHeaders("*")
                .allowedMethods("*")
                .allowCredentials(true)
                .maxAge(3600);
        log.info("web mvc cors config ok");
    }

三、自测跨域是否成功

直接F12打开你配置的指定域名链接或者随便一个,然后在console页面直接输入如下:

var token= “”;
var xhr = new XMLHttpRequest();
xhr.open(‘GET’, ‘http://localhost:7701/api/open/platform/train/info/getTrainList?trainType=1’);
xhr.setRequestHeader(“x-access-token”,token);
xhr.send(null);
xhr.onload = function(e) {var xhr = e.target;console.log(xhr.responseText);}

配置成功页面如下:
在这里插入图片描述
未配置的请求结果如下:
在这里插入图片描述

四、总结

配置千千万,找到适合自己项目的即可。拦截器也可以实现跨域。下篇讲述重写WebMvcConfigurationSupport的addCorsMappings全局跨域不生效的情况。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值