1. 程式人生 > 程式設計 >SpringCloud Gateway跨域配置程式碼例項

SpringCloud Gateway跨域配置程式碼例項

這篇文章主要介紹了SpringCloud Gateway跨域配置程式碼例項,文中通過示例程式碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

Springboot版本:2.1.8.RELEASE

SpringCloud版本:Greenwich.SR2

yml配置:

spring:
 cloud:
  gateway:
   globalcors:
    cors-configurations:
     '[/**]': 
      # 允許攜帶認證資訊
      # 允許跨域的源(網站域名/ip),設定*為全部
      # 允許跨域請求裡的head欄位,設定*為全部
      # 允許跨域的method, 預設為GET和OPTIONS,設定*為全部
      # 跨域允許的有效期
      allow-credentials: true
      allowed-origins: 
      - "http://localhost:13009"
      - "http://localhost:13010"
      allowed-headers: "*"
      allowed-methods: 
      - OPTIONS
      - GET
      - POST
      max-age: 3600
      # 允許response的head資訊
      # 預設僅允許如下6個:
      #   Cache-Control
      #   Content-Language
      #   Content-Type
      #   Expires
      #   Last-Modified
      #   Pragma
      #exposed-headers:

配置類:org.springframework.cloud.gateway.config.GlobalCorsProperties

網上有很多人說這樣配無效,但我測試下來是OK的,如果真的無效,可以手動去裝配Cros配置:

package com.longge.gateway.configuration;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.autoconfigure.condition.ConditionalOnBean;
import org.springframework.cloud.gateway.config.GlobalCorsProperties;
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 org.springframework.web.util.pattern.PathPatternParser;

/**
 * @author roger yang
 * @date 11/21/2019
 */
@Configuration
@ConditionalOnBean(GlobalCorsProperties.class)
public class CorsAutoConfiguration {
  @Autowired
  private GlobalCorsProperties globalCorsProperties;
  
  @Bean
  public CorsWebFilter corsFilter() {
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
    globalCorsProperties.getCorsConfigurations().forEach((path,corsConfiguration)->source.registerCorsConfiguration(path,corsConfiguration));
    return new CorsWebFilter(source);
  }
}

當然,我們更推薦在Nginx等中介軟體去做跨域的處理,業務服務就應該關注業務。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。