基于strict-origin-when-cross-origin问题的解决

2023-03-11 08:03:41 strict

项目场景

使用90版本之后的谷歌浏览器，在部署前端项目后, 调用后端接口出现 strict-origin-when-cross-origin, 并且静态资源被拦截的情况

问题描述

使用90版本之后的谷歌浏览器, 在部署前端项目后, 访问前端页面调用后端接口出现 strict-origin-when-cross-origin.

接口返回200, 但是没有响应结果, 如下图所示

在这里插入图片描述

原因分析

Chrome 计划在85版开始 将其切换默认策略 no-referrer-when-downgrade 更换到 strict-origin-when-cross-origin. strict-origin-when-cross-origin对于同源的请求，会发送完整的URL作为引用地址；在同等安全级别的情况下，发送文件的源作为引用地址(https->HttpS)；在降级的情况下不发送此首部 (HTTPS->HTTP).

解决方案

后端程序配置全局跨域访问配置

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 WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("GET", "POST", "DELETE", "PUT")
                .maxAge(3600);
    }
}

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

相关文章