后端实现跨域(三种方式)
- 开源代码
- 2025-08-03 09:54:03

相较于前端实现跨域,有时会出现跨域失败,列举后端三种方式实现跨域
1.加注解 代码重复
/** * 获取用户信息 * * @return 用户信息 */ @GetMapping("getInfo") @CrossOrigin public AjaxResult getInfo() { SysUser user = SecurityUtils.getLoginUser().getUser(); // 角色集合 Set<String> roles = permissionService.getRolePermission(user); // 权限集合 Set<String> permissions = permissionService.getMenuPermission(user); AjaxResult ajax = AjaxResult.success(); ajax.put("user", user); ajax.put("roles", roles); ajax.put("permiss", permiss); return ajax; }2.实现接口并重写方法来解决跨域
@Configuration public class CORSConfiguration implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOriginPatterns("*") .allowedMethods("GET","POST","PUT","HEAD") .allowCredentials(true) .allowedHeaders("*") .maxAge(3600); } }3.添加过滤器来实现跨域
@Configuration public class CORSFilter { @Bean public CorsFilter corsFilter(){ CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedHeader("*"); corsConfiguration.addAllowedOrigin("*"); corsConfiguration.addAllowedMethod("*"); UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**",corsConfiguration); return new CorsFilter(source); } }
后端实现跨域(三种方式)由讯客互联开源代码栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“后端实现跨域(三种方式)”