ResponseEntity 和 JavaScript - 如何检索自定义错误消息

Question

我想知道从服务器（Spring Boot）检索消息并在前端（Vue JS、ES6）中显示的最佳方法是什么。

后端（这是我唯一成功的方法，在标头中传递错误消息，但也许有更好的解决方案？）：

public ResponseEntity<?> getOneReport(@PathVariable Long incidentId) {

...

    HttpHeaders header = new HttpHeaders();

    header.setContentType(MediaType.TEXT_PLAIN);

    header.set("text", "My custom error message");

    return ResponseEntity.notFound()

            .headers(header)

            .build();

前端：

axios.get(...)

.then(...)

.catch((error) => {

      console.log(error.headers.text);

我试图将我的自定义错误消息从服务传递到客户端，如下所示：

return new ResponseEntity<Object>(

                "My custom error message that I want to display in frontend", new HttpHeaders(), HttpStatus.FORBIDDEN);

但我不知道如何从我的客户端（ES6/Vue js）读取该消息：

.catch((error) => {

                        console.log(error.error);

或者

.catch((error) => {

                        console.log(error.response.data); -> I get Blob {size: 59, type: "text/plain"}

Answer 1

你试过 response.headers 吗？axios.get(...)&nbsp; &nbsp;.then(response){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(response.headers)&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp;.catch((error) => {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log(error.headers.text);这里的文档：https : //github.com/axios/axios#response-schema