如何使用 Vert.x 2.x 启用 CORS

Question

我正在尝试使用 Angularjs 1.4.5 进行跨域请求。但是无法获得成功。我已经配置了 $httpprovider

.config(['$httpProvider', function($httpProvider) {
        $httpProvider.defaults.useXDomain = true;
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
        $httpProvider.defaults.headers.common['Accept']= "application/json, text/plain, */*";
        $httpProvider.defaults.headers.put["Content-Type"] = "application/x-www-form-urlencoded;charset=utf-8";
        $httpProvider.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded;charset=utf-8";
        $httpProvider.interceptors.push('authenticationFailedInterceptor');
    }])

但是还是没有成功。如何使用 Vert.x 2.x http 服务器启用 CORS 支持。

CORS 在 Vert.x 3.x 中受支持，但现在我无法升级 Vert.x。

Answer 1

你试过在你的回复中使用这样的东西吗？

vertx.createHttpServer()
  .requestHandler(function (req) {
    req.response()
      .putHeader("content-type", "text/plain")
      .putHeader("Access-Control-Allow-Origin", "*")
      .putHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
      .putHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
      .end("Hello from Vert.x!");
}).listen(8080);

当然，您必须根据需要修改它...但是更改必须在服务器中完成，至少，您需要这三个 headers。

Answer 2

启用 cors 的完整示例：

我们需要创建两个路由匹配器。

一个帮助启用 cors，另一个帮助处理请求。

下面是启用cors。它接受所有请求并添加所有必需的 headers 需要启用 cors。之后我们需要将请求交给实际的路由匹配器来处理请求。我们将其命名为 secureRoutes。

RouteMatcher routeMatcher = new RouteMatcher();
        routeMatcher.options(".*",new Handler<HttpServerRequest>() {
            @Override
            public void handle(final HttpServerRequest request) {
                request.response().putHeader("Access-Control-Allow-Origin", "*");
                request.response().putHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
                request.response().putHeader("Access-Control-Allow-Headers", "accept, authorization, content-type, email");
                request.response().end();
            }
        })
        .all(".*",new Handler<HttpServerRequest>() {
            @Override
            public void handle(final HttpServerRequest request) {
                request.response().putHeader("Access-Control-Allow-Origin", "*");
                secureRoutes.getRouteMatcher().handle(request);
            }
        });

另一个路由匹配器：

public class SecureRoutes {
private static final RouteMatcher routeMatcher = new RouteMatcher();
@Inject
protected Container container;
@Inject
private SigninController signinController;
@Inject
private SignupController signupController;
@Inject
private OauthController oauthController;
@Inject
ClientNetworkSignalController clientNetworkSignalController;

public void initRoutes() {
    // APP routes. they use User token for authentication


    routeMatcher.get("/", new Handler<HttpServerRequest>() {
        @Override
        public void handle(final HttpServerRequest request) {
            request.response().putHeader("Cache-Control",
                    "public, max-age=86400");
            request.response().sendFile("web/public/index.html");
        }
    });


    routeMatcher.post("/signin", signinController.signin());
    routeMatcher.post("/signup", signupController.signup());
    routeMatcher.post("/oauth2/token", oauthController.token());
    routeMatcher.post("/oauth2/invalidate_token", oauthController.invalidateToken());

}

public RouteMatcher getRouteMatcher() {
    return routeMatcher;
}

}

现在终于将 requestHandler 添加到服务器：

server.requestHandler(routeMatcher).listen(port,
                host, new Handler<AsyncResult<HttpServer>>() {
                    public void handle(AsyncResult<HttpServer> asyncResult) {
                        if (asyncResult.succeeded()) {
                            logger.info(s + ":  Started on " + host + ":"
                                    + port);
                        } else {
                            logger.info(s + ": Unable to start server.\n "
                                    + asyncResult.cause());
                        }
                    }
                });

您可能有疑问 http 选项类型请求处理程序的用途是什么。答案是很有趣。 Javascript 是一种安全语言，不允许跨源 Http 请求。因此，为了允许跨源请求 javascript 为每个 http 请求发送一个选项类型的请求，并检查是否支持天气 CORS。在这样的 Javascript 中两次访问服务器，一次是检查是否支持 cors，一次是获取数据。

如何使用 Vert.x 2.x 启用 CORS

how to enable CORS with Vert.x 2.x

cors

angularjs

vert.x