前后端开发跨越秒处理

前后端开发跨越问题

大部分都是在前端vue.config进行配置，我这里就不说了，很多帖子都有。
这里我记录一个，是从后端进行配置的：

首先要知道 跨域资源共享，

CORS，是一种基于 HTTP 头信息的机制，通过允许服务器标识除了它自己以外的资源，从而实现跨域访问。
// 这个是指你浏览器的，不过我们也可以写一个*，来都可以接受
config.addAllowedOrigin(“http://localhost:5173”);

//服务端配置跨域问题
@Configuration
public class GlobalCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        // 设置你要允许的网站域名
        config.addAllowedOriginPattern("*");
        //允许跨域发送cookie
        config.setAllowCredentials(true);
        //放行全部原始头信息
        config.addAllowedHeader("*");
        //允许所有请求方法跨域调用
        config.addAllowedMethod("*");
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);
    }
}

写上这个配置之后，然后重启我们的Springboot项目。

非简单请求，会在请求的时候，发送一个预检，预检通过了，才会正式请求，然后返回响应。