Axios Catch中的JSON输入意外结束,我在做什么错?

我在前端使用Vue.JS,在后端使用Laravel,并使用Axios发布一些表单数据,我的axios方法设置如下:

axios
    .post("/api/xxxxx", formData)

    .then(function(response) {
        console.log('inside then');
        console.log(response.data);
        self.errorMessage = response.data.data.message;

    })
    .catch(function(error) {
        console.log('inside catch');
        console.log(error);
        self.errorMessage = error.data.data.message;

    });
},

一切都在'then'块中按预期方式工作,但是当我清除cookie并缓存并重新提交时,将触发catch块中的代码,但是这次没有在前端显示任何错误消息(使用errorMessage)。

当检查控制台和Vue Dev工具时,我可以看到错误:JSON输入意外结束。所以我猜这里的错误显示为未定义。

我想要的是errorMessage在出现错误时包含响应中的消息。

当我检查“网络”选项卡并预览响应时,确实看到包含相关文本的data.message :(“出现了问题”)但是我不确定为什么在捕获代码时无法显示此消息块被触发。