title: How do I get rid of the /#/ when using ui-router?
body: <p>I am new to Angular and I am currently doing my routes with ui.router and was curious about something. I notice when I go to my site either on localhost or online, my URL includes /#/ at the end of it. Home looks like domain.com/#/ and other pages follow suite ( domain.com/#/about ) How do I make it appear without the hash?</p>
  
  <p>Here is an example of my app.js</p>
  
  <pre><code>var app = angular.module('dashboardApp', ['ui.router']);
  
  app.config(
      ['$stateProvider','$urlRouterProvider', 
      function($stateProvider, $urlRouterProvider){
      $urlRouterProvider.otherwise('/');
  
      $stateProvider
          //Dashboard states and nested views ========================
          .state('home', {
              url: '/',
              templateUrl: './templates/main/dashboard.html',
              controller: 'dashboardCtrl'
          })
  
          //Subject states and nested views ==========================
          .state('about', {
              url: '/about',
              templateUrl: './templates/main/about.html',
              controller: 'aboutCtrl'
          });
      }]);
  </code></pre>
  
  <p>And here is how I am calling it in my DOM</p>
  
  <pre><code>&lt;div class="main-nav"&gt;
      &lt;a ui-sref="home"&gt;&lt;img src="randomimage.png" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="main-nav"&gt;
      &lt;a ui-sref="about"&gt;About&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>