title: After remove # from url page refresh get error 404 in angularJS
body: <p>My Index file </p>
  
  <pre><code> &lt;base href="/"/&gt;
  </code></pre>
  
  <p>In my controller added $Locatonprovider and redirect like this</p>
  
  <pre><code> $location.path('/ui-login');
  
  $locationProvider.html5Mode(true);
  </code></pre>
  
  <p>.htaccess file</p>
  
  <pre><code>      RewriteEngine On
  
        # if an existing  asset or directory is requested go to it  as          it is 
        RewriteCond %{REQUEST_FILENAME} -f [OR]
        RewriteCond %{REQUEST_FILENAME} -d
        RewriteRule ^ - [L]
  
        # if the requested resource doesn't exist, use index.html
        RewriteRule ^ /index.html
  </code></pre>
  
  <p>my URL</p>
  
  <p><a href="http://localhost/index.html" rel="nofollow noreferrer">http://localhost/index.html</a></p>
  
  <p><strong>note: it's work but the problem was when I refresh the page get error 404 file not found</strong> </p>
  
  <p>Output:</p>
  
  <p><a href="https://i.stack.imgur.com/crvQU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/crvQU.png" alt="enter image description here"></a></p>