title: Axios 400 error request call then instead of catch
body: <p>I have this function:</p>
  
  <pre><code>add(App, Params, Callback){
      var self = this;
  
      var Data = self.process_fields(Params)
  
      self.$http.post(
          paths.api + '/app/' + App.Permalink,
          new URLSearchParams(Data)
      ).then(function (error, response) {
          console.log("then");
          if (typeof (Callback) == "function") {
              Callback(true, response.data.data);
          }
      }).catch(function(error){
          console.log("catch");
          if(typeof error.response !== "undefined"){
              errors.render(error.response.data.error)
          }
  
          if (typeof (Callback) == "function") {
              Callback(false, null);
          }
      });
  }
  </code></pre>
  
  <p>When i call request and recieve a 400 error, it calls then instead of catch:</p>
  
  <p><a href="https://i.stack.imgur.com/kvI7F.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/kvI7F.gif" alt="enter image description here"></a></p>