用java servlet webapp上下文路徑實現angular-ui-router

Question

基本上這個問題與重載頁面時ui-router重定向的路徑有關。

我有上下文亭UI的Java應用程序，因此網址爲：http://localhost:8080/kiosk-ui。

客戶端是使用angularjs實現的，對於我使用angular-ui-router的url管理。該應用程序是一個單頁的應用程序，所以我有狀態。

這是ui路由器的配置。

.config(function ($stateProvider, $urlRouterProvider) { 

     $stateProvider 

      .state("rewards", { 
       url: "/", 
       controller: 'RewardsCtrl', 
       templateUrl: 'templates/reward-selection.tpl.html' 
      })    

     $urlRouterProvider.otherwise("/"); 
    }) 

在頁面初始加載，我被重定向到http://localhost:8080/kiosk-ui/#/但是當我刷新頁面，路由器重定向我http://localhost:8080/#/。所以不知何故，它跳過了webapp上下文路徑。

我試圖以不同的方式配置路由器，所以我也會發布該方案。

.config(function ($stateProvider, $urlRouterProvider) { 

      $stateProvider 

       .state("rewards", { 
        url: "/kiosk-ui", 
        controller: 'RewardsCtrl', 
        templateUrl: 'templates/reward-selection.tpl.html' 
       })    

      $urlRouterProvider.otherwise("/kiosk-ui/"); 
     }) 

在我重定向到http://localhost:8080/kiosk-ui/#/kiosk-ui頁面初始加載。 當我刷新頁面時，它仍然將我重定向到相同的URL，但它不是我想要的。

我想有http://localhost:8080/kiosk-ui/#/並刷新呆在那裏......

在此先感謝時

Answer 1

使用<base>元素。你可以用你的服務器端模板引擎寫出正確的href

http://www.verdantrefuge.com/writing/2013/angularjs-changing-app-path-base-element/