Spring引导Restendpoint返回空与提取请求

Question

我已经在JavaSpringBoot中创建了Restendpoint。当我通过邮递员请求时，它会返回适当的响应。但当我使用react fetch时，若返回的是Json，它不会在浏览器中显示任何响应。

Spring启动控制器：

@RestController
@RequestMapping(path = "/v1/test")
@AllArgsConstructor(onConstructor_ = {@Autowired})
public class TestController {
    ...
}

下面的endpoint正在返回适当的响应。

  @GetMapping(value = "/helloWorld", produces = MediaType.APPLICATION_JSON_VALUE)
  @ResponseStatus(HttpStatus.OK)
  public String getHelloWorld() {
    return "Hello, World1!";
  }

但当我尝试点击endpoint下方时，当我发出fetch请求时，它返回null。但当我通过邮递员点击它时，它会返回适当的响应。

  @GetMapping(value = "/testEndpoint", produces = MediaType.APPLICATION_JSON_VALUE)
  @ResponseStatus(HttpStatus.OK)
  public String returnTestResponse() {
    HashMap<String, Object> map = new HashMap<>();
    map.put("key1", "value1");
    map.put("results", "value2");
    return "{\"a\":1, \"b\":\"foo\"}";
  }

还尝试返回POJO对象。但仍然没有回应。

  @GetMapping(value = "/testModel", produces = MediaType.APPLICATION_JSON_VALUE)
  @ResponseStatus(HttpStatus.OK)
  public SearchResultsModel testModel() {
    this.myService.getSearchResult();
  }

响应提取调用：

await fetch(ALL_ARTICLES_ENDPOINT, {
    mode: 'no-cors', 
    method: 'GET',
    redirect: 'follow',
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    },
  }).then(response => {
    console.log(response);
  })
  .then(data => {
    console.log('Success:', data);
  }).catch((error) => {
    console.error('Error:', error);
  });

Answer 1

问题是由于在获取请求中添加了模式：“no cors”选项而导致的。这个选项帮助我摆脱了cors错误，但这意味着作为回报，我将无法在chrome中看到正文和标题。

为了解决这个问题，我删除了模式：“无cors”，并在我的Spring Boot控制器上添加了@CrossOrigin注释。

Answer 2

邮递员有两个隐藏的邮件头，这些邮件头与所有请求一起发送。选中“隐藏自动生成的标题”

react调用中缺少的是带有application/json值的Accept头

编辑：

刚才看到您将字符串作为json返回。您需要将它包装在POJO对象中，并在returnTestResponse类中返回它

第二次编辑：

这会奏效的。尝试实现您的POJO

@GetMapping(value = "/testEndpoint", produces = MediaType.APPLICATION_JSON_VALUE)
  @ResponseStatus(HttpStatus.OK)
  public YourObject returnTestResponse() {
    HashMap<String, Object> map = new HashMap<>();
    map.put("key1", "value1");
    map.put("results", "value2");
    return new YourObject(map);
  }