vue.js - Django 休息框架在 400 错误请求期间从响应中获取错误消息

Question

我目前正在运行一个 Vue + DRF 应用程序。当表单中的某些内容不符合标准并发送到 API 时，它会按预期返回 400 Bad 请求。检查“网络”选项卡中的响应，您会收到一条明确的验证错误消息，例如 {"zip_code":["This field must not be blank"]}。

问题是，我如何提取它并将其显示在我的 Vue 应用程序中？ try catch 错误只会返回 Uncaught (in promise) Error: Request failed with status code 400 at eval 而不是实际的错误消息(“此字段不能为空”)。

代码补丁看起来像这样:

axios.patch(`users/${this.$route.params.id}/`, this.user)
    .then(...)
    .catch(error => {...}) // get error message and display it frontend to user 

Answer 1

如果其他人有同样的问题:使用axios，你可以通过.catch(error => { console.log(error.response.data) }获取错误响应体。