Spring Cloud-Zuul Proxy产生No'Access-Control-Allow-Origin'Ajax响应

Given Nyauyanga 发表于 Dev

鉴于尼奥扬加

启动应用程序：

@SpringBootApplication
@EnableZuulProxy
public class ZuulServer {

     public static void main(String[] args) {
         new SpringApplicationBuilder(ZuulServer.class).web(true).run(args);
     }
 }

我的YAML文件是这样的：

server:
   port:8080

spring:
   application:
      name: zuul

eureka:
client:
  enabled: true
    serviceUrl:
       defaultZone: http://localhost:8761/eureka/



zuul:
    proxy:
       route:
         springapp: /springapp

我有一个名为springapp的微服务应用程序（在端口8081上），并且具有一些其他服务。以下是我的客户端UI应用程序：

    <html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="js/libs/jquery/jquery.min.js" ></script>
    </head>
    <body>
        <script type="text/javascript">
            $.ajax({
                url: 'http://localhost:8080/zuul/springapp/departments',
                type: 'GET'
            }).done(function (data) {
                consoe.log(data);
                document.write(data);
            });
        </script>        

    </body>
</html>

但是我得到了

XMLHttpRequest cannot load http://localhost:8080/zuul/springapp/departments. No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin 'http://localhost:8383' is therefore not allowed access.

该UI HTML5应用位于http：// localhost：8383 / SimpleAPp / index.html上。CORS，CORS，CORS ...请帮助。顺便说一句，http：// localhost：8080 / zuul / springapp / departments返回一个JSON列表，就像在浏览器地址栏上显示的那样。这里的spring.io博客说，不需要过滤器，因为zuulproxy会解决这个问题，但是我不知道为什么它对我不起作用。

尼泊尔语

将这段代码添加到带有@EnableZuulProxy注释的类中，即可达到目的。

@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);
}