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

Question

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

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

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(...)
   .then(response){
         console.log(response.headers)
      }
   .catch((error) => {
         console.log(error.headers.text);

这里是文档：https://github.com/axios/axios#response-schema

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

ResponseEntity and JavaScript - how to retrieve custom error message

javascript

httpresponse

ecmascript-6

spring-boot