html5Mode给出错误

Question

我正在尝试删除URL中的＃号以进行清理。 我做了所有人都告诉我要做的事情：

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);
    }
]);

HTML档案：

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

当我这样做时，它给了我很多错误，我真的四处闲逛，没有找到解决方案。 我的网址由于某种原因而变得像这样：

file:///C:/Users/......../index.html#%252525252525252525252Fhome

装的

file:///C:/Users/......../index.html/home

它给出如下错误：

错误：操作不安全。

错误：拒绝访问受限制的URI

错误：[$ compile：tpload]无法加载模板：pages / home.html（HTTP状态：undefined undefined） http://errors.angularjs.org/1.4.2/ $ compile / tpload？p0 = pages％2Fhome。 html＆p1 = undefined＆p2 = undefined

错误：操作不安全。

错误：[$ rootScope：infdig]达到10个$ digest（）迭代。 流产！

错误：操作不安全。

....

Answer 1

我注意到我们的一件事，是您原谅otherwise声明。 同样奇怪的是，您的视图试图通过file协议加载。

作为建议：考虑使用ui-router而不是ng-route因为它具有更好的功能，对嵌套视图的极大支持（您的视图树可以根据需要更深）和命名视图，并且它不如ng-route

Answer 2

这是一篇很好的文章，描述了如何从URL中删除＃

http://www.codeproject.com/Tips/1063634/Removing-the-sharp-Sign-from-AngularJS-URLs-with-I

html5Mode给出错误

问题描述

2 个解决方案

解决方案1
0 2016-01-08 20:29:24

解决方案2
0 已采纳 2016-01-08 20:32:08

html5Mode给出错误

问题描述

2 个解决方案

解决方案1 0 2016-01-08 20:29:24

解决方案2 0 已采纳 2016-01-08 20:32:08

解决方案1
0 2016-01-08 20:29:24

解决方案2
0 已采纳 2016-01-08 20:32:08