Vue.js obsługa błędów z API

Question

Witam,

jak w aplikacji w Vue.js obsłużyć błędy które przychodzą z API. W przypadku Frontu użyję jednej z wielu wtyczek ale nie wiem jak obsłużyć błędy które w ostateczności przyjdą z API. API jest w Laravelu a walidacja w Requestach.

Answer 1

Nie za bardzo rozumiem problem, przecież możesz request odesłać error_msg i po stronie frontu sprawdzać i tyle.

Comments

możesz mi dać krótki przykład lub link do jakiegoś artykułu, ponieważ sam nie mogę nic znaleźć. 

Powiedzmy że wiem że mogę tak zrobić ale nie bardzo wiem jak to wykonać.

Mam coś takiego, najprostsze dodawanie danych po stronie API

public function add(AddRequest $request){
        $add = new Add;
        $add->title = $request->title;
        $add->content = $request->content;
        $add->save();
        return response()->json([
            'status' => 'success',
            'msg' => 'Dane zostały dodane',
            'data' => $add
        ]);
    }

po stronie frontu

const actions = {
  add({commit}, items){
    axios.post('add', items)
      .then(() => commit('ADD'))
  }
}

no i tak w uproszczeniu dodaję dane, jak na tym przykładzie obsłużyć błędy 

---

Jak masz then, sprawdż co tam dostajesz jeżeli msg będzie "ERROR" albo jak ci się nie chce to możesz odesłać odpowiedni status i jak tam będzie "ERROR" to commitujesz "ERROR" no i już sobie obsługujesz to Vuex.

---

Metoda axios.post zwróci Ci obietnicę (Promise) więc poczytaj o pracy z Promise, a dokładniej z then(success, error), catch(jeśli interesuje Cię tylko błąd), finally itp.