1. 程式人生 > >前後端分離-服務端解決跨域問題引入閘道器之坑。

前後端分離-服務端解決跨域問題引入閘道器之坑。

如果採用服務端解決跨域問題,一般做法是在application類中的filter中新增如下程式碼:

@Bean
public CorsFilter corsFilter() {
   final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
   final CorsConfiguration config = new CorsConfiguration();
   config.setAllowCredentials(true);
   config.addAllowedOrigin("*"
); config.addAllowedHeader("*"); config.addAllowedMethod("OPTIONS"); config.addAllowedMethod("HEAD"); config.addAllowedMethod("GET"); config.addAllowedMethod("PUT"); config.addAllowedMethod("POST"); config.addAllowedMethod("DELETE"); config.addAllowedMethod("PATCH"); source.registerCorsConfiguration("/**"
, config); return new CorsFilter(source); }

那如果引入GetWay閘道器,並且在閘道器的filter中也假如解決跨域問題程式碼,那麼在http服務請求時就會報如下問題:

    The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. 

檢視http請求發現,response header 中的引數均是返回兩遍。如下:



導致此現象的問題是我們web請求是通過GetWay代理轉發,這樣閘道器和api服務均解決跨域問題,導致重複返回。因此,如果服務是通過閘道器代理那麼服務裡就不要新增跨域問題程式碼。