title: How to display response error message with axios
body: <p>Been looking to achieve this few months now but now it's needed. I need to display the error message, set on server, about what went wrong:</p>
  
  <p>Sever endpoint</p>
  
  <pre><code>abort(406, 'Foo bar!')
  </code></pre>
  
  <p>Web:</p>
  
  <pre><code>[...]
   .catch(e =&gt; {
    console.log(e.response.data) // does not work
   })
  </code></pre>
  
  <p>In chrome dev tools, under preview, I see the message <code>Foo bar!</code>. How to get this message on my console log? </p>
  
  <p>This endpoint will have different <code>abort</code> messages based on actions so I do not want to set a static error message on web for the error.</p>
  
  <p>Chrome dev tools message:
  <a href="https://i.stack.imgur.com/nsrBd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nsrBd.png" alt="enter image description here"></a></p>