学习笔记002——Java后端解决跨域问题

关注

原创 2024-11-18 16:22:58 326 阅读 AI 写同款· GEO 优化 ›

解决跨域的方法产生跨域的原因：浏览器的同源策略。本质是浏览器拦截了跨域的网站返回的数据。所以有两种办法解决： 1. 用前端用代理器，代理接受跨域网站返回的数据。 2. 服务端符合CORS规范，在代码里写好允许哪个网站进行跨域访问。目的，是为了防止CSRF（跨站请求伪造）。什么是CSRF_炎升的博客-优快云博客_csrf目录1、CSRF是什么？2、CSRF漏洞检测3、防御CSRF攻击：3.1、验证 HTTP Referer 字段3.2、在请求地址中添加 token 并验证3.3、在 HTTP 头中自定义属性并阅读详情

方法一：实现 WebMvcConfigurer 接口。（全局跨域）

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfiguration implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")  //设置允许跨域访问的路径
                .allowedOriginPatterns("*") //设置允许跨域访问的源
                .allowCredentials(true) //是否发送 cookie
                .allowedMethods("GET", "POST", "DELETE", "PUT") //允许跨域请求的方法
                .maxAge(3600);  //预检间隔时间
    }
}

方法二：使用SpringBoot的 @CrossOrigin 注解标注在Controller类上或者控制类的方法上。

方法三：返回新的 CorsFilter。（全局跨域）

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CorsFilterConfig {

    @Bean
    public CorsFilter corsFilter() {
        //1. 添加 cors 配置信息
        CorsConfiguration config = new CorsConfiguration();
        // 放行哪些原始域
        config.addAllowedOrigin("*");
        // 是否发送 Cookie
        config.setAllowCredentials(true);
        // 放行哪些请求方式
        config.addAllowedMethod("*");
        // 放行哪些原始请求头部信息
        config.addAllowedHeader("*");
        // 暴露哪些头部信息
        config.addExposedHeader("*");
        //2. 添加映射路径
        UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();
        corsConfigurationSource.registerCorsConfiguration("/**",config);
        //3. 返回新的CorsFilter
        return new CorsFilter(corsConfigurationSource);
    }
}

PS：发博客，仅仅是当作学习的笔记~

收录于