问题:跨域问题CORS

本文深入解析了跨域问题的根源,特别是在前后端分离的开发环境下,如何通过SpringBoot的配置来有效解决跨域问题,包括使用注解和XML配置的方法。

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

问题

以前在编写后端的控制层代码时
前端自己写请求经常会遇到跨域问题。
为什么呢
一开后端服务 端口8080
直接从IDEA 里打开
静态资源文件html 里面有jquery的请求
进浏览器发现端口是 63342
发送请求 被cors 拦截
显然127.0.0.1:63342 和127.0.0.1:8080 不是一个端口
抱一个

Access to XMLHttpRequest at xxx orgin xxx  ... 

跨域不能访问!

那行我改,我改个后端代码
我在Controller上加


@CrossOrigin("*")

可以最简单的解决 当然这样不安全

SpringBoot下可以这样配置注解版本

@Configuration
public class MyConfiguration {

    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**");
                // 这样可以调整颗粒度 更加自由
                registy.addMapping("/api");
            }
        };
    }
}

xml版本

<mvc:cors>
        <mvc:mapping path=""/>
</mvc:cors>

小结

只有XMLHttpRequest请求才有跨域
常见的就是原生Xml请求
jquery封装的XmL请求
普通的href = "https://xxx"这种不会出现

非同源,非同端,非同协议 产生跨域

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值