Vue解决跨域问错误:has been blocked by CORS policy 后端跨域配置

发布时间:2023年12月27日

?解决跨域问题后端跨域配置代码:

/**
 * @作者 hua
 * @描述 跨域配置
 */
@Configuration
public class WebConfiguration implements WebMvcConfigurer {

    /**
     * 跨域配置对象
     * @return CorsConfiguration对象
     */
    private CorsConfiguration corsConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        List<String> list = new ArrayList<>();
        
        // 允许所有来源
        list.add("*");
        
        // 设置允许的来源列表
        corsConfiguration.setAllowedOrigins(list);
        
        // 允许所有Header
        corsConfiguration.addAllowedHeader("*");
        
        // 允许所有方法(GET、POST等)
        corsConfiguration.addAllowedMethod("*");

        return corsConfiguration;
    }

    /**
     * 注册CORS过滤器
     * @return CorsFilter对象
     */
    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        
        // 对所有路径应用上面定义的CORS配置
        source.registerCorsConfiguration("/**", corsConfig());
        
        return new CorsFilter(source);
    }
}

文章来源:https://blog.csdn.net/qyhua/article/details/135241813
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。