Prevent http errors from being logged in browser console [duplicate]

Answer 1

Your browser decides to log bad requests to the log and it's the right thing to do. If you don't want that either do not make that request or send another response code from your webserver.

Answer 2

Actually Angular doesn't log this.

It's the XMLHttpRequest object that doing that (same issue here with JQuery). I extracted the logic from Angular and made a working standalone example:

var method = 'POST';
var url404 = '/tnseiartneiasrt/arsntiearsntiasrntiarnstsie';

var xhr = new window.XMLHttpRequest();
xhr.open(method, url404, true);
xhr.onreadystatechange = function() {
  if (xhr && xhr.readyState == 4) {
    console.log('should have logged an error already :(');
  }
};
xhr.send(null);

As you can see, it's the xhr object that logs it. There might be a way to disable all console.log before triggering the xhr request but I think it's better to either

• Redesign your error flow to return a status code of 200 embeded with an internal error code in the body
• Live with the console logging (the average user doesn't even know about the console anyways)

I chose the second option because I think it's easier to understand as it doesn't require extra logic when someone reads your code.

Hope this helps :)