Question

我有一个工作的AngularJS（1.3.8）应用程序，它在应用程序上下文“应用程序”下部署为Tomcat中的Web应用程序。

网址如下所示：

https://www.myserver.com/app/#/login 

https://www.myserver.com/app/#/register

等。路由定义如下：

$routeProvider.when(
    'login',
    {templateUrl: 'partials/login.html?' + now, controller: 'LoginController'}
);

$routeProvider.when(
    'register',
    {templateUrl: 'partials/register.html?' + now, controller: 'RegistrationController'}
);

$routeProvider.otherwise(
    {redirectTo: 'login'}
);

一切都很好。我现在需要做的是从URL中删除hashbang并使用$ location的HTML5模式。到目前为止，我无法让这个工作。

我的假设是我只需要打电话

$locationProvider.html5Mode({
    enabled: true,
    requireBase: false
});

现在应用网址已更改为

https://www.myserver.com/app/login 

https://www.myserver.com/app/register

这不起作用。当我请求URL

时

https://www.myserver.com/app

Angular重定向到

https://www.myserver.com/login

总体而言，整个路由和资源加载因此更改而中断。例如，无法解析路由定义中的部分URL。它们只在我添加＆＃39; / app /＆＃39;前缀。

我尝试使用基本标记，将$ locationProvider调用更改为

$locationProvider.html5Mode({
    enabled: true
});

并使用

<base href="/app">

令人惊讶的是，这没有效果。仍然，输入https://www.myserver.com/app会导致AngularJS重定向到https://www.myserver.com/login。网址https://www.myserver.com/app/login不可用。

这就是我使用基本标签的方式：

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <link href="css/mycss" rel="stylesheet" type="text/css">
    ...
    <script src="js/my.js"></script>
    <base href="/app">
</head>
<body class="ng-cloak">
    <ng-view></ng-view>
</body>
</html>

我也遇到了其他问题。例如，如果我在HTML文件中更改基本标记的位置，如下所示：

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <base href="/app">
    <link href="css/mycss" rel="stylesheet" type="text/css">
    ...
    <script src="js/my.js"></script>
</head>
<body class="ng-cloak">
    <ng-view></ng-view>
</body>
</html>

然后突然在加载过程中无法再解析JS和CSS文件。

有人可以解释我做错了吗？

如何为非root基URL设置AngularJS $ locationProvider HTML5模式？

0 个答案: