html5Mode gives errors
<p>I'm trying to remove the # in my URL to clean it. I did what everyone tells to do:</p>

<pre><code>demoApp.config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider) { 

        // Système de routage
        $routeProvider
        .when('/home', {
            templateUrl: 'pages/home.html',
            controller: 'homeCtrl'
        })
        .when('/contact/:msg?', {
            templateUrl: 'pages/contact.html',
            controller: 'contactCtrl'
        })
        .when('/todolist', {
            templateUrl: 'pages/todolist.html',
            controller: 'listeCtrl'
        })
        .when('/testfiltre', {
            templateUrl: 'pages/testfiltre.html',
            controller: 'demoFiltreCtrl'
        })
        .when('/testCreationfiltre', {
            templateUrl: 'pages/testcreationfiltre.html',
            controller: 'demoCreationFiltreCtrl'
        })
        .otherwise({
            redirectTo: '/home'
        });

        $locationProvider.html5Mode(true);
    }
]);
</code></pre>

<p>HTML file:</p>

<pre><code>&lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;Demo App&lt;/title&gt;        
    &lt;link rel="stylesheet" href="web/css/style.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.js"&gt;&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.4.2/angular-locale_fr-ca.min.js"&gt;&lt;/script&gt;
    &lt;script src="js/script.js"&gt;&lt;/script&gt;
    &lt;base href="/"&gt;
&lt;/head&gt;
</code></pre>

<p>It gives me a bunch of errors when I do that and I really lokked around and didn't find the solution. My url becomes like this for some reason:</p>

<pre><code>file:///C:/Users/......../index.html#%252525252525252525252Fhome
</code></pre>

<p>insted of</p>

<pre><code>file:///C:/Users/......../index.html/home
</code></pre>

<p>It gives errors like:</p>

<blockquote>
  <p>Error: The operation is insecure.</p>
  
  <p>Error: Access to restricted URI denied</p>
  
  <p>Error: [$compile:tpload] Failed to load template: pages/home.html (HTTP status: undefined undefined)
  <a href="http://errors.angularjs.org/1.4.2/" rel="nofollow">http://errors.angularjs.org/1.4.2/</a>$compile/tpload?p0=pages%2Fhome.html&amp;p1=undefined&amp;p2=undefined</p>
  
  <p>Error: The operation is insecure.</p>
  
  <p>Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!</p>
  
  <p>Error: The operation is insecure.</p>
</blockquote>

<p>....</p>