title: Can't navigate directly to URL Angular UI Router
body: <p>This is my router file: 
  <br>it's nested inside a require.js block and configured to work with Jade templates</p>
  
  <pre><code>define([
      './app',
      'angular.uirouter'
  ], function(app, angularUIRouter) {
      "use strict";
  
      // ROUTES
      app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
  
          // loads url from the index
          $urlRouterProvider.otherwise('/');
  
          $locationProvider.html5Mode(true);
  
          $stateProvider
              .state('dashboard', {
                  url:'/dashboard',
                  views: {
                      'core' : {
                          templateUrl: '/articles/dashboard'
                      }
                  }
              }) 
      }]);
  });
  </code></pre>
  
  <p>And this is my Express.js router file:</p>
  
  <pre><code>var express = require('express');
  var router = express.Router();
  
  /* GET home page. */
  router.get('/', function(req, res) {
      res.render('main', { 
          title: 'Express' 
      });
  });
  
  router.get('/dashboard', function(req, res) {
      console.log("/dashboard requested");
  });
  
  router.get('/articles/:name', function (req, res) { 
      var name = req.params.name;
      res.render('articles/' + name);
  });
  
  module.exports = router;
  </code></pre>
  
  <p>When I go to localhost:3000/dashboard, it's making a GET request to the server.  How do I configure Angular UI Router to handle GET requests instead of the server?</p>
  
  <p>Note: I can still go to localhost:3000/articles/dashboard and see the dashboard.  Also, </p>
  
  <p><code>a(ui-sref="dashboard")</code> </p>
  
  <p>loads the dashboard correctly.</p>