title: "base href" adds directory path in routing urls using ui-router
body: <p><strong>Summary :</strong></p>
  <p>When using <code>&lt;base href=&quot;/prod/public/&quot; /&gt;</code> , it adds the directory path in routing urls <strong><code>e.x.</code></strong> <code>http://www.example.com/prod/public/home</code></p>
  <p>My angular app is hosted in the <code>prod/public</code> directory.</p>
  <p>in my <code>public/index.html</code>:</p>
  <pre><code>&lt;base href=&quot;/prod/public/&quot; /&gt;
  </code></pre>
  <p>my routes are like :</p>
  <pre><code>$stateProvider
       .state('home', {
        url: '/home',
        templateUrl: function($stateParams) {
            var path = 'app/users/views/home.html';
            return path;
        },
        controller: 'HomeCtrl'
  })
  </code></pre>
  <p>Directory structure :</p>
  <pre><code>public_html
        -.htaccess
        - other folders
        - prod
             - public
                  - app
                  - index.html
             - bower.json
             - .htaccess
             - package.json
             - gulpfile.js
             - Readme.md
  </code></pre>
  <p><strong><code>.htaccess</code></strong> inside <strong><code>prod</code></strong> directory :</p>
  <pre><code>RewriteEngine On
  Options -Indexes
  RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
  RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
  
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule ^ public/index.html [L]
  </code></pre>
  <p>and here is how I reference the state in the template :</p>
  <pre><code>&lt;a ui-sref='home'&gt;Go to home&lt;/a&gt;
  </code></pre>
  <p>When click on this link it redirect to this url : <code>http://www.example.com/prod/public/home</code></p>
  <p><strong>Requirement :</strong></p>
  <p>url should be <strong><code>http://www.example.com/home</code></strong> instead of <strong><code>http://www.example.com/prod/public/home</code></strong></p>