Laravel вернул ошибку, не показанную во внешнем интерфейсе

У меня есть что-то подобное в Laravel API для одного из маршрутов:

return response()->json(['message' =>  "Couldn't Price the car"], 500);

В передней части у меня есть

try {
 let data = await Axios.get("blax", {});    
} catch(err) {
  console.info(err.message);
}

err.message просто показывает сообщение по умолчанию:

request failed with status code 500

вместо показа:

Couldn't Price the car

Как показать свое собственное сообщение?

Вы проверили содержание ответа на вкладке сети вашего браузера?

— 18.07.2019 12:21

laravel vue.js axios

18.07.2019 12:09

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Поиск нового уровня в Laravel с помощью MeiliSearch и Scout

Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...

Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков

В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...

Как построить CRUD-приложение в Laravel

Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...

166

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Обновлено

responseJSON не определено, это просто response

попробуйте это console.info(err.response.message) следующим образом:

try{
 let data = await Axios.get("blax", {});

}catch(err){
  console.info(err.response.message);
}

18.07.2019 12:24

Ответ принят как подходящий

попробуйте использовать err.response.message

try{
 let data = await Axios.get("blax", {});

}catch(err){
  console.info(err.response.message);
}

18.07.2019 12:25

Мне кажется, ловит отлично:

new Vue({
  el: "#demo",
  data: {
    response: null,
  },
  async created() {
    try {
      let data = await axios.get("https://httpstat.us/500", {});
    } catch (err) {
      console.info('ss', err.message);
      this.response = err.message;
    }
  }

})

<script src = "https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>

<div id = "demo">
Error: {{response}}
</div>

Если вы хотите минимизировать свой код, вы можете сделать .catch прямо в вызове axios, например:

let data = axios.get("https://httpstat.us/500", {}).catch(e => e.message);

Этот улов также использует функцию стрелки, урезанную до минимума. Вот пример той же стрелочной функции, только «нормальной»:

let data = axios.get("https://httpstat.us/500", {}).catch((e) => {return e.message});

new Vue({
  el: "#demo",
  data: {
    response: null,
  },
  async created() {
    this.response = await axios.get("https://httpstat.us/500", {}).catch(e => e.message);
  }

})

<script src = "https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>

<div id = "demo">
Error: {{response}}
</div>

18.07.2019 12:28