棱角分明的漂亮 URL 不起作用并留下控制台错误

Question

我正在尝试构建我的第一个角度应用程序，但 html5mode url 不起作用？

    var app = angular.module('vennDigital', ['ngRoute', 'ngAnimate']);
    app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

        $routeProvider
        .when("/", {
            templateUrl: "partials/home.html", 
            controller: "HomeCtrl"
            }
        )
        .when("/about", {
            templateUrl: "partials/about.html", 
            controller: "AboutCtrl"
            }
        )
        .when("/services", {
             templateUrl: "partials/services.html", 
             controller: "ServiceCtrl"
             }
        );
     // use the HTML5 History API
            $locationProvider.html5Mode(true);

    }]);

    app.controller('HomeCtrl', function($scope) {
        $scope.pageClass = 'page-home';
    });
    app.controller('AboutCtrl', function($scope) {
        $scope.pageClass = 'page-about';
    });
    app.controller('ServiceCtrl', function($scope) {
        $scope.pageClass = 'page-contact';
    });

Answer 1

如果你把<base href="/" >放在索引html文件中，试着把它注释掉。或者，您可以将 href 的值更改为您想要的值。