如何解决java vert.x中的CORS问题

debugcn 发表于 Dev

鲍勃·谢克诺达斯

我在 localhost:8080 上有一个 vertx 后端服务器来响应 REST 请求。

发送 GET 请求时，一切正常。

但是在带有参数的 DELETE 请求中，我收到 CORS 错误...

我的后端服务器如下所示：

@Override
public void start(Future<Void> fut) {
    Router router = Router.router(vertx);
    router.route("/").handler(routingContext -> {
        HttpServerResponse response = routingContext.response();
        response.putHeader("content-type", "text/html").end("<h1>Hello from my first Vert.x 3 application</h1>");
    });

    router.get("/api/whiskies").handler(this::getAll);
    router.delete("/api/whiskies/:id").handler(this::deleteOne);

    vertx.createHttpServer().requestHandler(router::accept).listen(
            config().getInteger("http.port", 8080), result -> {
                if (result.succeeded()) {
                    fut.complete();
                } else {
                    fut.fail(result.cause());
                }
            });
}

private void getAll(RoutingContext routingContext) {
    routingContext.response().putHeader("content-type", "application/json; charset=utf-8")
                             .putHeader("Access-Control-Allow-Origin", "*")
                             .end(Json.encodePrettily(products.values()));
}


private void deleteOne(RoutingContext routingContext) {
    Integer idAsInteger = Integer.valueOf(routingContext.request().getParam("id"));
    products.remove(idAsInteger);
    routingContext.response().putHeader("Access-Control-Allow-Origin", "*")
                             .setStatusCode(204).end();
    }
}

我希望 .putHeader("Access-Control-Allow-Origin", "*") 部分可以解决所有 CORS 问题，但不知何故只适用于代码的 GET 部分......

我的前端是一个在 localhost:4200 上运行的 Angular5 应用程序，如下所示：

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders} from '@angular/common/http';

const httpOptions = {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

@Injectable()
export class HttpService {
  
  constructor(private http:HttpClient) {}
  
  getWhiskies() {
	  return this.http.get('http://localhost:8080/api/whiskies');
  }
  
  deleteWhisky(id :number) {
	  return this.http.delete('http://localhost:8080/api/whiskies/' + id);
  }
	
}

鲍勃·谢克诺达斯

好的，所以我能够通过定义允许的方法以及“Content-Type”标头来修复它。

参考以下链接：

github 顶点示例

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。