春季网关请求被 CORS 阻止（无访问控制-允许-来源标头）

Posted 2023-03-04

【中文标题】春季网关请求被 CORS 阻止（无访问控制-允许-来源标头）

【英文标题】：Spring Gateway Request blocked by CORS (No Acces0Control-Allow-Orgin header)

【发布时间】：2020-07-26 02:59:12

【问题描述】：

我有一个 Angular 前端、spring 云网关 和一个spring web 服务。当我尝试通过网关将 GET/POST 数据发送到 Spring Web 服务时，出现以下错误：CORS error。将数据直接发送到 Web 服务时，它工作正常，所以我认为问题出在网关上。

在网关中，我必须以下文件：

@Configuration
@CrossOrigin(origins = "*")
public class SpringCloudConfig 

    @Bean
    public RouteLocator gatewayRoutes(RouteLocatorBuilder builder)
        return builder.routes()
                .route(r -> r.path("/users/**")
                .uri("http://localhost:8081/")
                .id("userService"))

                .route(r -> r.path("/posts/**")
                        .uri("http://localhost:8082/")
                        .id("postService"))

                .route(r -> r.path("/auth/**")
                        .uri("http://localhost:8083/")
                        .id("securityService"))
                .build();
    

application.properties: 我认为 server: cloud: etc etc.. 可以解决问题，但没有

server.port=8080

spring:
cloud:
gateway:
globalcors:
corsConfigurations:
'[/**]':
allowedOrigins: "*"
allowedMethods:
- GET
- POST

Pom.xml

    <?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.2.6.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.cloudGateway</groupId>
<artifactId>gateway</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>gateway</name>
<description>Gateway project for Spring Boot</description>

<properties>
    <java.version>1.8</java.version>
    <spring-cloud.version>Hoxton.SR3</spring-cloud.version>
</properties>

<dependencies>
    <dependency>
        <groupId>org.springframework.cloud</groupId>
        <artifactId>spring-cloud-starter-gateway</artifactId>
    </dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
        <exclusions>
            <exclusion>
                <groupId>org.junit.vintage</groupId>
                <artifactId>junit-vintage-engine</artifactId>
            </exclusion>
        </exclusions>
    </dependency>
</dependencies>

<dependencyManagement>
    <dependencies>
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-dependencies</artifactId>
            <version>$spring-cloud.version</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
    </dependencies>
</dependencyManagement>

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>

Cors 配置文件：

package com.cloudGateway.gateway;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;

import java.util.Arrays;
import java.util.Collections;

@Configuration
public class CorsConfiguration extends org.springframework.web.cors.CorsConfiguration 

    @Bean
    public CorsWebFilter corsWebFilter() 

    final CorsConfiguration corsConfig = new CorsConfiguration();
    corsConfig.setAllowedOrigins(Collections.singletonList("*"));
    corsConfig.setMaxAge(3600L);
    corsConfig.setAllowedMethods(Arrays.asList("GET", "POST"));
    corsConfig.addAllowedHeader("*");

    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**", corsConfig);

    return new CorsWebFilter(source);

网关回购： https://github.com/KylevanRaaij/Gateway

要连接的服务： https://github.com/KylevanRaaij/UserService（直接连接时有效）（例如我的 Angular 项目）

【问题讨论】：

你能分享你的 pom.xml 吗？

我添加了 pom.xml。如果您需要查看更多文件，我还添加了 repo

【参考方案1】：

Spring 文档告诉它足以在 application.yml 中声明这样的配置

spring:
  cloud:
    gateway:
      globalcors:
        corsConfigurations:
          '[/**]':
            allowedOrigins: "*"
            allowedMethods:
            - GET
            - POST

你也可以定义你的自定义 CorsConfiguration ：

@Configuration
public class CorsConfiguration
    @Bean
    public CorsWebFilter corsWebFilter() 

        final CorsConfiguration corsConfig = new CorsConfiguration();
        corsConfig.setAllowedOrigins(Collections.singletonList("*"));
        corsConfig.setMaxAge(3600L);
        corsConfig.setAllowedMethods(Arrays.asList("GET", "POST"));
        corsConfig.addAllowedHeader("*");

        final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", corsConfig);

        return new CorsWebFilter(source);
      

【讨论】：

我需要把这个CrosWebFilter放在哪里？我是否需要创建一个 CustomCorsConfigration 类（因为它不存在）并且返回 CrosWebFilter 需要一个 CorsConfigurationSource 但这里使用的是 UrlBasedCorsConfigurationSource

你用的是什么版本的spring cloud gateway？

我用的是spring boot 2.2.6版

在 pom.xml 中我看到我使用 0.0.1 -snapshot 作为云网关。我在 2 天前创建了这个项目，所以我认为我有最新版本

谢谢你们，我尝试了很多在我看到这个之前没有用的东西。再次感谢

【参考方案2】：

这种方式对我有用：

spring:
  application:
    name: API-GATEWAY
  cloud:
    gateway:
      default-filters:
        - DedupeResponseHeader=Access-Control-Allow-Credentials Access-Control-Allow-Origin
      globalcors:
        corsConfigurations:
          '[/**]':
              allowedOrigins: "*"
              allowedMethods: "*"
              allowedHeaders: "*"
      routes:
        - id: USER-SERVICE
          uri: lb://USER-SERVICE
          ...

【讨论】：

出于某种原因，'default-filters' 对我来说很关键，想知道为什么 spring 文档没有在他们的示例中包含这个

绝对适合我。谢谢@Malte 兄弟。

【参考方案3】：

也许你需要设置“allowCredentials”

spring:
  cloud:
    gateway:
      globalcors:
        corsConfigurations:
          '[/**]':
            allowedOrigins: "https://example.com"
            allowCredentials: true
            allowedMethods:
            - GET
            - POST

【讨论】：

奇怪的是不适合我

【参考方案4】：

添加yml文件时出现该问题，然后pom.xml文件会变红，您必须删除m2/repository并重新构建您的项目，然后pom.xml正常，问题将得到解决。