Angularjs Angular Js HTML5模式不工作_Angularjs

Angularjs Angular Js HTML5模式不工作

angularjs

Angularjs Angular Js HTML5模式不工作,angularjs,Angularjs,我正在尝试将HTML5模式添加到我的angular应用程序中，以删除“#”符号。问题是它根本不起作用。我的整个ng视图将不显示！这是我的密码： var app = angular.module('app', [ 'ngRoute', ... ]); app.config(['$routeProvider, $locationProvider', function($routeProvider, $locationProvider) { $locationProvi

我正在尝试将HTML5模式添加到我的angular应用程序中，以删除“#”符号。问题是它根本不起作用。我的整个ng视图将不显示！这是我的密码：

var app = angular.module('app', [
    'ngRoute',
    ...    ]);
app.config(['$routeProvider, $locationProvider',
function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider.
        when('/', {
            templateUrl: 'partials/main.html'
        }).
        when('/raw-communication', {
            templateUrl: 'partials/raw-communication.html',
            controller: 'RawCommunicationCtrl'
        }).
        otherwise({
            redirectTo: "/404"
        });
}
]);

我使用的url是localhost:8080。值得一提的是，当我删除HTML5模式的代码时，一切都正常

当我的意思是它不工作时，我的意思是整个ng view指令上没有显示任何内容。例如，如果我有这个：

<!doctype html>
<html lang="en" ng-app="app">
<head>
    <base href="/"/>
    <meta charset="UTF-8">
    <title>Stock App</title>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-route/angular-route.min.js"></script>
    <script src="js/app.js"></script>
    ...
</head>
<body>
<h1>Stock App</h1>
<div ng-view></div>

</body>
</html>

但这并不是：

app.config(['$routeProvider, $locationProvider',
    function($routeProvider, $locationProvider) {
       ...
    }
]);

不管我是否实际使用了

$locationProvider

新更新

这是命中注定的

app.config(['$routeProvider', '$locationProvider',

不是

真是浪费一个小时

您的服务器是否配置为处理HTML5模式？HTML5模式使用PushState，如果您尝试加载除

以外的任何其他页面，服务器必须处理URL重写。根据您的更新，您的应用程序似乎无法加载

Angle route.min.js

脚本，这会导致angular停止加载而不解析任何HTML。另外，您是否在HTML中添加了

标记？HTML5模式要求在Angular的较新版本中使用它。脚本错误明确表示Angular脚本或依赖项有问题，可能是

Angular route

。是否确实使用与angular route版本匹配的angular route版本？

app.config(['$routeProvider', '$locationProvider',

app.config(['$routeProvider, $locationProvider',