版本更新时angularjs的路由问题_Angularjs_Angular Ui Router_Url Routing_Angularjs Routing

版本更新时angularjs的路由问题

angularjs

版本更新时angularjs的路由问题,angularjs,angular-ui-router,url-routing,angularjs-routing,Angularjs,Angular Ui Router,Url Routing,Angularjs Routing,场景：我已将当前angularjs版本从angularjs v1.5.5更新为angularjs v1.5.7。应用程序工作正常，但URL路由存在问题，它的行为有所不同。让我们看看下面的验收标准尝试1 原始URL如下所示，这也是预期结果更新版本刚过，我就发现下面的注释行有错误 $locationProvider.html5Mode(true); // $urlrouterprovider.rule(function ($injector, $location) { //

场景：我已将当前angularjs版本从angularjs v1.5.5更新为angularjs v1.5.7。应用程序工作正常，但URL路由存在问题，它的行为有所不同。让我们看看下面的验收标准

尝试1

原始URL如下所示，这也是预期结果

更新版本刚过，我就发现下面的注释行有错误

$locationProvider.html5Mode(true);  
// $urlrouterprovider.rule(function ($injector, $location) {
       // var path = $location.path();
       // if (path != '/' && path.slice(-1) === '/') {
          // $location.replace().path(path.slice(0, -1));
       // }
// });

结果：

您可以在这里看到，由于某些原因，我们没有得到预期的结果。然后我尝试在module.config中使用另一段代码。在谷歌搜索之后，我得到了一些解决这个问题的答案，我尝试了以下方法，但仍然没有得到预期的结果

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

尝试2次

我试着用这段代码还是没有得到预期的结果

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

结果：

这次在URL中获取/#

我不知道这个问题。如果有人对这个问题有想法，请与我分享。

要实现这一点，您需要做两个更改

将其添加到您的配置中

在index.html头标记中添加应用程序的基础


...
...

查看您的url，基本url似乎是Unalytix.Web.UAT。如果上述解决方案不起作用，请更改为

<head>
...

  <base href='/' />

...
</head>