Spring Cloud Gateway解决跨域问题

• 1、什么是跨域
• 2、为什么会有跨域问题
• 3、Spring Cloud Gateway解决跨域问题
• • 3.1 搭建server-gateway模块
  • 3.2 引入相关依赖
  • 3.3 resources下添加配置文件
  • 3.4 启动类
  • 3.5 解决跨域问题
  • 3.6 服务调整
  • 3.7 测试

  跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。同源是指，域名，协议，端口均相同。

也就是说域名、协议、端口只要有一处不同，就会产生跨域问题。

以下情况都属于跨域

如果域名和端口都相同，但是请求路径不同，不属于跨域，如：www.jd.com/item与www.jd.com/goods

http和https也属于跨域

  跨域不一定都会有跨域问题。因为跨域问题是浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。

  因此：跨域问题 是针对ajax的一种限制。但是这却给我们的开发带来了不便，而且在实际生产环境中，肯定会有很多台服务器之间交互，地址和端口都可能不同，怎么办？

  在微服务项目中，项目被拆分成多个微服务，如果项目太大的话，那对应的微服务也会比较多，如果在每个微服务中分别配置跨域有点麻烦，我们可以在网关中统一配置，比较方便开发。

下面将我的网关微服务模块配置放出来仅供参考

我搭建好的项目结构，由于是微服务项目，模块比较多。

  这里引入nacos和gateway的相关依赖，因为我们需要将网关服务也注册到nacos注册中心里面。

    
        org.springframework.cloud
        spring-cloud-starter-gateway
    

    
    
        com.alibaba.cloud
        spring-cloud-starter-alibaba-nacos-discovery
    

application.properties

# 服务端口
server.port=80
# 服务名
spring.application.name=service-gateway

# nacos服务地址
spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

#使用服务发现路由
spring.cloud.gateway.discovery.locator.enabled=true

#设置路由id
spring.cloud.gateway.routes[0].id=service-hosp
#设置路由的uri
spring.cloud.gateway.routes[0].uri=lb://service-hosp
#设置路由断言,代理servicerId为auth-service的/auth/路径
spring.cloud.gateway.routes[0].predicates= Path=cmn/**

这里我只配置了两个微服务，用于测试

开启服务注册发现功能的注解@EnableDiscoveryClient可以省略，最好还是加上

@SpringBootApplication
@EnableDiscoveryClient
public class ServerGatewayApplication {
public static void main(String[] args) {
      SpringApplication.run(ServerGatewayApplication.class, args);
   }
}

添加全局配置类CorsConfig

@Configuration
public class CorsConfig {
    @Bean
    public CorsWebFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedMethod("*");
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");

        UrlbasedCorsConfigurationSource source = new UrlbasedCorsConfigurationSource(new PathPatternParser());
        source.registerCorsConfiguration("/**", config);

        return new CorsWebFilter(source);
    }
}

  目前我们已经在网关做了跨域处理，那么service服务就不需要再做跨域处理了，将之前在controller类上添加过@CrossOrigin标签的去掉，防止程序异常、

启动各个微服务，查看下nacos是否注册成功

访问个前端路由试试，发现这次没有报跨域错误了，网关配置跨域成功。