如何使用 axios 显示响应错误消息

Question

现在几个月来一直希望实现这一目标，但现在需要它。我需要显示错误消息，设置在服务器上，关于出了什么问题：

服务器端点

abort(406, 'Foo bar!')

网页：

[...]
 .catch(e => {
  console.log(e.response.data) // does not work
 })

在 chrome 开发工具中，在预览下，我看到了消息 Foo bar!。如何在我的控制台日志中获取此消息？

此端点将根据操作有不同的abort 消息，因此我不想在网络上为错误设置静态错误消息。

Chrome 开发工具消息：

Answer 1

这应该可以工作：console.log(e.response.data.message)。我想这就是你要找的。​​p>

这是针对这种类型的请求：

axios.post(
    url,
    {},
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error.response.data.message);
    });

Answer 2

我遇到过这个问题。我创建了一个axios实例，responseType是'json'， axios.create({ ... responseType: 'json' })

response type 不是json，所以看不懂。去掉这个属性可以解决这个问题