springboot后端跨域的N种方法

最新推荐文章于 2024-09-29 14:58:09 发布

唥雨凊

最新推荐文章于 2024-09-29 14:58:09 发布

阅读量505

点赞数

分类专栏： # Springboot 文章标签： java spring boot

本文链接：https://blog.csdn.net/weixin_44777669/article/details/109056738

版权

Springboot 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文详细介绍了在SpringBoot中处理后端跨域的四种方法：全局跨域配置、局部跨域注解、手动设置响应头以及通过Nginx代理配置跨域。通过这些方式，开发者可以灵活地解决前后端跨域访问的问题，确保不同源的客户端能够顺利地与SpringBoot应用进行交互。

摘要由CSDN通过智能技术生成

springboot后端跨域的N种方法

简单来说，CORS是一种访问机制，英文全称是Cross-Origin Resource Sharing，即我们常说的跨域资源共享，通过在服务器端设置响应头，把发起跨域的原始域名添加到Access-Control-Allow-Origin 即可。

创建新的CORSConfiguration(全局跨域)

在任意配置类，返回一个新的CorsFilter Bean，并添加映射路径和具体的CORS配置信息。

@Configuration
public class CORSConfiguration extends WebMvcConfigurationSupport {

        /**
         * 这里主要为了解决跨域问题,所以重写addCorsMappings方法
         */
        @Override
        protected void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/**")
                    .allowedOrigins("*")
                    .allowedMethods("GET", "HEAD", "POST","PUT", "DELETE", "OPTIONS")
                    .allowedHeaders("*")
                    .exposedHeaders("access-control-allow-headers",
                            "access-control-allow-methods",
                            "access-control-allow-origin",
                            "access-control-max-age",
                            "X-Frame-Options")
                    .allowCredentials(false).maxAge(3600);
            super.addCorsMappings(registry);
        }
}

使用注解(局部跨域)

在方法上(@RequestMapping)使用注解 `@CrossOrigin`

Copy@RequestMapping("/hello")
@ResponseBody
@CrossOrigin("http://localhost:8080") 
public String index(){
    return "Hello World";
}

在控制器(@Controller)上使用注解 `@CrossOrigin`

@Controller
@CrossOrigin(origins = "http://domain.com", maxAge = 3600)
public class AccountController {

    @RequestMapping("/hello")
    @ResponseBody
    public String index(){
        return "Hello World";
    }
}

手工设置响应头(局部跨域)

使用HttpServletResponse对象添加响应头（Access-Control-Allow-Origin）来授权原始域，这里Origin的值也可以设置为”*” ，表示全部放行。

@RequestMapping("/hello")
@ResponseBody
public String index(HttpServletResponse response){
    response.addHeader("Access-Control-Allow-Origin", "*");
    return "Hello World";
}

Nginx配置跨域

upstream server {
        server 127.0.0.1:8091;
}
server {
        listen 80;
        server_name domain.com;

        location ^~/api {
                //添加跨域请求头
                proxy_set_header Access-Control-Allow-Origin *;
                proxy_set_header Access-Control-Allow-Methods *;
                proxy_set_header Access-Control-Allow-Headers *;

                if ($request_method = 'OPTIONS') {
                        return 204;
                }
                rewrite ^/api/(.+?)$ /$1 break;
                proxy_pass http://server;
        }
}