Gateway网关跨域问题

最新推荐文章于 2024-08-07 20:19:00 发布

煎丶包

最新推荐文章于 2024-08-07 20:19:00 发布

阅读量3.9k

点赞数 1

分类专栏： SpringCloud 文章标签： spring cloud Gateway 跨域

本文链接：https://blog.csdn.net/qq_39794062/article/details/118494195

版权

SpringCloud 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了在使用Spring Gateway作为API网关时遇到的跨域问题及其解决方案。同源策略导致8001端口的请求访问88端口网关时出现跨域错误。解决方法包括通过Nginx部署在同一域，或者在Gateway中配置CORS，允许特定的源、方法、凭证和暴露的头部。示例代码展示了如何在Gateway中创建一个跨域过滤器，允许所有源、方法和凭证，并设置响应头来解决预检请求和真实请求的跨域问题。

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

Gateway网关跨域问题

在使用Gateway网关时，所有请求先通过网关转发，这就有可能出现跨域问题
在这里插入图片描述
上面的跨域报错是因为8001端口的请求去访问88端口的网关，导致了跨域，这是由于浏览器的同源策略造成的

同源策略是指协议、域名、端口都要相同，只要其中有一个不同都会产生跨域问题

跨域流程

非简单请求(PUT、DELETE)等，需要先发送预检请求，只要当想要访问的服务器允许跨域时，才可以发送真实请求
在这里插入图片描述

解决跨域

使用Nginx部署为同一域

将前端和后端项目都部署在Nginx服务器，浏览器的静态请求和动态请求都会去访问Nginx的地址，然后由Nginx反向代理给不同的服务

在这里插入图片描述

配置当次请求允许跨域

给请求添加响应头

Access-Control-Allow-Origin ：支持哪些来源的请求跨域
Access-Control-Allow-Method ：支持那些方法跨域
Access-Control-Allow-Credentials ：跨域请求默认不包含cookie，设置为true可以包含cookie
Access-Control-Max-Age ：表明该响应的有效时间为多少秒。在有效时间内，浏览器无须为同一请求再次发起
Access-Control-Expose-Headers ：跨域请求暴露的字段
CORS请求时，XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段：
Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma
如果想拿到其他字段，就必须在Access-Control-Expose-Headers里面指定。

在Gateway网关中统一配置跨域

@Configuration
public class CorsConfig {

    //添加跨域过滤器
    @Bean
    public CorsWebFilter corsWebFilter() {
        // 基于url跨域
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        // 跨域配置信息
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);

        // 向source中注册new出来的配置，并设置任意url都要进行跨域配置
        source.registerCorsConfiguration("/**", corsConfiguration);
        
        return new CorsWebFilter(source);
    }
}