title: Angular UI Router Otherwise fails to redirect
body: <p>I'm trying to setup and 404 page on my website by using</p>
  
  <pre><code>$urlRouterProvider.otherwise("/404");
  </code></pre>
  
  <p>but this only works for URLs that do not have multiple slashes/parameters. The following is all of my URLs and states in the same order as in my code:</p>
  
  <ul>
  <li>Home – /</li>
  <li>404 – /404</li>
  <li>About – /about-us</li>
  <li>Privacy – /privacy-policy</li>
  <li>Terms – /terms-conditions</li>
  <li>Subscribe – /subscribe</li>
  <li>Author – /author/:author</li>
  <li>Topic – /:category/page/:pageNumber</li>
  <li>Post – /:category/:title</li>
  </ul>
  
  <p>If there is a url with two slashes (Ex: /qwkhdjqkwnd/q1weuih), my app thinks it's a Post and tries to fetch information but this obviously fails – it does not know that this is not a valid URL, and thus does not redirect to my 404 page.</p>
  
  <p>What's the best practice for this? Should I allow the app to try and fetch data using the invalid URL and, redirect the state when it fails?</p>