从 javascript 获取调用无法访问 java REST 服务答案

【问题标题】：fetch call from javascript unable to reach java REST service从 javascript 获取调用无法访问 java REST 服务
【发布时间】：2017-05-21 02:20:45
【问题描述】：

我正在学习 REST API 并尝试使用 fetch 从 Javascript 调用用 java 编写的 POST 服务。当@Produces 和@Consumes 为 MediaType.APPLICATION_JSON 时，请求未到达服务

我还在同一个 API 中定义了其他简单的 POST 和 GET 方法，它们工作正常，但我必须发送和接收 JSON 数据的情况不起作用。

下面是我的 fetch 调用：

    let options = {
    method: "POST",
    headers: new Headers({'content-type': 'application/json'}),
    body: JSON.stringify({
          "Title": "title"
          })
    };
    const url = "http://localhost:8080/myserver/data/list";
    return fetch(url, options);

下面是我的 REST API：

 @Path("/data")
 public class Controller {
 @POST
@Produces(MediaType.APPLICATION_JSON)
@Consumes(MediaType.APPLICATION_JSON)
@Path("/list")
public Response createList(CreateListJsonData dta) throws IOException {
System.out.println("in create list");
return Response.status(200)
            .entity("{\"dummykey\"}:\"dummyVal\"")
            .header("Access-Control-Allow-Origin", "*")
            .header("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT")
            .build();
}

CreateListJsonData 类如下：

 @XmlRootElement
 public class CreateListJsonData {
    private String Title;
    public String getTitle() {
        return Title;
    }
    public void setTitle(String title) {
        Title = title;
    }
 }

web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0">
  <display-name>myserver</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
        <servlet-name>Jersey Web Application</servlet-name>
        <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
        <init-param>
        <param-name>jersey.config.server.provider.packages</param-name>
        <param-value>com.myserver</param-value>
    </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Jersey Web Application</servlet-name>
        <url-pattern>/*</url-pattern>
    </servlet-mapping>
</web-app>

我在 eclipse 上的 tomcat 上运行 API。当我触发请求时，我在控制台上收到以下消息：

 com.sun.jersey.server.wadl.generators.AbstractWadlGeneratorGrammarGenerator attachTypes
 INFO: Couldn't find grammar element for class javax.ws.rs.core.Response

谁能帮我找出这里的错误？

【问题讨论】：

INFO: - 这不是错误，所以可能会向客户端发送响应
当您设置在 CORS 中不被视为“标准”的 content-type 时，您正在触发 CORS preflight OPTIONS 请求 - 您的服务器是否处理 OPTIONS 请求方法？ .header("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT") 建议不要

标签： javascript json rest post fetch

【解决方案1】：

这看起来像是跨域情况，CORS。

使用此内容类型，请求不再是“简单”，而是Preflighted request。它要求您的服务器处理 OPTIONS 方法（除了您处理的 POST）。有关它需要返回的标题，请参阅链接文章。通常是这样的：

Access-Control-Allow-Methods: GET, POST, DELETE, PUT, OPTIONS
Access-Control-Allow-Headers: X-PINGOTHER, Content-Type
Access-Control-Allow-Origin: *

【讨论】：