Java 后台解决前端跨域问题

第一种方式

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedMethods("*")
                .allowedOrigins("*")
                .allowedHeaders("*");
        WebMvcConfigurer.super.addCorsMappings(registry);
    }
}

第二种WebMvcConfigurerAdapter 实现了WebMvcConfigurer 接口,已过时不推荐使用.
在这里插入图片描述

@Configuration
public class CorsConfig extends WebMvcConfigurerAdapter {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedMethods("*")
                .allowedOrigins("*")
                .allowedHeaders("*");
        super.addCorsMappings(registry);
    }
}
Java 后台跳过跨域问题的方法有多种,以下列举几种常用的方法: 1. 使用 CorsFilter 过滤器 在 Spring Boot 中,可以通过添加 CorsFilter 过滤器来解决跨域问题。在代码中添加如下过滤器即可: ```java @Bean public FilterRegistrationBean corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration(); config.setAllowCredentials(true); config.addAllowedOrigin("*"); config.addAllowedHeader("*"); config.addAllowedMethod("*"); source.registerCorsConfiguration("/**", config); FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source)); bean.setOrder(Ordered.HIGHEST_PRECEDENCE); return bean; } ``` 2. 使用 @CrossOrigin 注解 使用 @CrossOrigin 注解可以在控制器方法上添加跨域配置。例如: ```java @RestController @RequestMapping("/api") @CrossOrigin(origins = "*", allowedHeaders = "*", methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.PUT, RequestMethod.DELETE}) public class ApiController { // 控制器方法 } ``` 3. 使用 JSONP JSONP 是一种跨域数据传输的解决方案,需要前端后台协同实现。在后台中,需要将数据封装成一个 JSONP 回调函数的形式返回给前端,例如: ```java @RequestMapping("/api") @ResponseBody public String api(HttpServletRequest request) { String callback = request.getParameter("callback"); String data = "{\"name\": \"张三\", \"age\": 20}"; return callback + "(" + data + ")"; } ``` 前端在请求数据时,需要将回调函数的名称作为参数传递给后台,例如: ```javascript $.ajax({ url: "http://localhost:8080/api?callback=handleData", dataType: "jsonp", success: function(data) { console.log(data); } }); ``` 以上是几种常用的跨域解决方案,可以根据实际情况选择合适的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值