スタートアップ アプリケーション:
@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がそれを処理するため、フィルターは必要ないと言っていますが、なぜそれが機能しないのかわかりません。