Question

我知道你们会说“它是重复的”，但它对我不起作用。

我正在做同样的事情，这就是发生的事情。

这是我的配置代码：

portfolioApp.config(function($routeProvider, $locationProvider) {
    $routeProvider
        .when('/home', {
            controller: 'portfolioController',
            templateUrl: 'partials/home.htm'
        })
        .otherwise({redirectTo: '/home'});
    if(window.history && window.history.pushState){
        $locationProvider.html5Mode(true);
    }

});

没有locationProvider的URL和设置“/”而不是“/ home”的路径将是：

http://localhost:8080/portfolio/#/

Okey，我想删除主题标签和“投资组合”路径，这样就可以了：

http://localhost:8080/home

使用我发布的配置，就可以了（第一次刷新）。但是会发生什么？如果我再次使用新路径刷新页面...我得到404 Tomcat错误。

在第一次刷新时，当我写localhost：8080 / portfolio并且路径转换为“/ home”时，我在控制台中输入错误，指出找不到“partials / home.htm”404。

所以无论哪种方式，它都无法读取我的部分，然后当我刷新时，一切都被打破了。

我该如何解决这个问题？我做错了什么？

Answer 1

确保将这些内容包含在HTML文档标题中的脚本中您实现模块的位置。下面提供的两个用于实现最新版本的角度以及最新版本的角度路径脚本：

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-route.js"></script>

确保将注入ngRoute注入模块，这是我的一个例子：

angular.module('controller', ['ngRoute','ngResource', 'ngCookies', 'ngSanitize'])

以下是我的配置块示例，请确保同时注入routeProvider和locationProvider：

.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider){

    $routeProvider
        .when('/', {
            templateUrl: '../partials/member.php',
            controller: 'Member',
            access: 'member'
        })
        .when('/leaderboard', {
            templateUrl: '../partials/leaderboard.html',
            controller: 'Leaderboard',
            access: 'member'
        })
        .otherwise({ 
            redirectTo: '/' 
        });
        $locationProvider.html5Mode(true);

}])

如果您正在执行所有操作，并且仍然无法发布您的代码的一部分内容。谢谢。

无法修复我的angularjs应用程序路径中的＃标签

1 个答案: