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

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

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

    /**
     * 跨域配置对象
     * @return CorsConfiguration对象
     */
    private CorsConfiguration corsConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        List 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);
    }
}

你可能感兴趣的:(spring,boot,linux,服务器)