Я использую Vue. JS на внешнем интерфейсе, Laravel на внутреннем интерфейсе и Ax ios для публикации некоторых данных формы, мой метод axe ios настроен, как показано ниже:
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.response.data.message;
});
},
В блоке ' then ' все работает, как и ожидалось, но когда я очищаю файлы cookie, кэш и повторную отправку, запускается код в блоке catch однако на этот раз сообщение об ошибке не отображается на внешнем интерфейсе (используя errorMessage).
Когда я проверяю Vue Инструменты разработчика, я вижу **Error: Unexpected end of JSON input**.
И в своей консоли: Cannot read property 'data' of undefined
Так что я думаю, здесь появляется ошибка как неопределенное.
Я хочу, чтобы мой errorMessage содержал сообщение из ответа при возникновении ошибки.
Когда я проверяю свою вкладку сети и просматриваю В ответ я вижу data.message, содержащий соответствующий текст: («Что-то пошло не так») Но я не уверен, почему не могу отобразить это при запуске кода в блоке catch.