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

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

/**
 * @作者 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);
    }
}

相关推荐

  1. 解决前端问题,解决方法

    2023-12-29 01:00:02       41 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-29 01:00:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-29 01:00:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-29 01:00:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-29 01:00:02       20 阅读

热门阅读

  1. c++ day3

    c++ day3

    2023-12-29 01:00:02      34 阅读
  2. MySQL-长事务详解

    2023-12-29 01:00:02       32 阅读
  3. 力扣热题100道-子串篇

    2023-12-29 01:00:02       30 阅读
  4. mysql的统计数据count

    2023-12-29 01:00:02       26 阅读
  5. C++ 657. 机器人能否返回原点 简单模拟

    2023-12-29 01:00:02       33 阅读
  6. Oracle字符串-日期转换

    2023-12-29 01:00:02       31 阅读