javascript - AngularJS $locationProvider.html5Mode(true) 给出错误 `url is undefined`

Question

我正在尝试在 AngularJS 中使用 html5Mode 作为 url。

此代码运行良好:

.config(["$routeProvider", "$locationProvider",
    function($routeProvider, $locationProvider){
        $routeProvider.when("/editor", {
            templateUrl: "pages/editor/index.html"
        })
        .when("/docs", {
            templateUrl: "pages/docs/index.html"
        }).otherwise({
            templateUrl: "pages/home/index.html"
        });
    }
]);

但是这段代码给了我错误url未定义

.config(["$routeProvider", "$locationProvider",
    function($routeProvider, $locationProvider){
        $routeProvider.when("/editor", {
            templateUrl: "pages/editor/index.html"
        })
        .when("/docs", {
            templateUrl: "pages/docs/index.html"
        }).otherwise({
            templateUrl: "pages/home/index.html"
        });

        $locationProvider.html5Mode(true);
    }
]);

问题可能是我有而不是

这可能是什么原因？

Answer 1

我刚刚遇到了同样的问题，我刚刚想出了如何解决这个问题。我的错误是:

1. 我没有注入(inject)“$locationProvider”，我试图调用“html5Mode”而不在函数开头引用“$locationProvider”，现在我有这个:

   app.config(['$routeProvider','$locationProvider',
   function($routeProvider,$locationProvider) {
   $routeProvider
       .when("/", {
           templateUrl: "Views/home/home.html",
           controller: "HomeController"
       })
   .otherwise({ redirectTo: '/'});
   
   $locationProvider.html5Mode(true);}]);
   

2. 我错了，我有:“href="/” “

但我正在使用 Wampp 使用本地服务器运行所有应用程序，因此我的项目的基本路径是“/NAME_OF_THE_PROJECT/”，如下所示:

<base href="/SEQUOIA/">

通过这两个更正，我解决了所有错误，正如我所见，您的基础没有最后一个“/”，也许您的应用程序正在搜索“www.localhost.com/staticCONTENT”而不是“.../static”/内容”。

啊!我差点忘了，我的 .htaccess 与所示的 here 一样和 here