解决跨域问题

最新推荐文章于 2024-07-01 15:38:41 发布

giao卤蛋

最新推荐文章于 2024-07-01 15:38:41 发布

阅读量105

点赞数

分类专栏：软件工程文章标签：软件工程单元测试学习

本文链接：https://blog.csdn.net/qq_54516125/article/details/123924504

版权

软件工程专栏收录该内容

2 篇文章 1 订阅

订阅专栏

跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。

同源策略：是指协议，域名，端口都要相同，其中一个不同都会产生跨域；
在这里插入图片描述

跨域流程

链接: link.

解决跨域一使用nginx部署为同一域
在这里插入图片描述

解决跨域二配置当次请求允许跨域
在这里插入图片描述

public class CorsWebFilter implements WebFilter {
    private final CorsConfigurationSource configSource;
    private final CorsProcessor processor;

    public CorsWebFilter(CorsConfigurationSource configSource) {
        this(configSource, new DefaultCorsProcessor());
    }

    public CorsWebFilter(CorsConfigurationSource configSource, CorsProcessor processor) {
        Assert.notNull(configSource, "CorsConfigurationSource must not be null");
        Assert.notNull(processor, "CorsProcessor must not be null");
        this.configSource = configSource;
        this.processor = processor;
    }

@Configuration
public class MallCorsConfiguration {
    @Bean
    public CorsWebFilter corsWebFilter(){
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration corsConfiguration = new CorsConfiguration();

        //1,配置跨域
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);


        source.registerCorsConfiguration("/**",corsConfiguration);

        return new CorsWebFilter(source);
    }
}