角：$ locationProvider.html5Mode（真）的路由問題

我想刪除從我的網址#，所以我有下面的代碼：

angular.module('building') 
    .config(['$stateProvider', '$locationProvider', 
     function ($stateProvider, $locationProvider) { 

      // Turn on #-less links. 
      $locationProvider.html5Mode(true); 

      $stateProvider 
       .state('building', { 
        url:'/building', 
        templateUrl: 'app/modules/building/building.html', 
        controller: 'BuildingQuery', 
        controllerAs: 'vm' 
      }) 

    }]);

而且我在index.html文件有<base href="/">。

而代碼工程...排序。

如果我進入這樣的鏈接...

http://127.0.0.1:4000/#/building

然後將瀏覽器重定向這個URL ...

http://127.0.0.1:4000/building

和加載頁面。

但是，如果我進入這個網址...

http://127.0.0.1:4000/building

然後...

Cannot GET /building

因爲#網址重定向正確，我知道$locationProvider.html5Mode(true);是做什麼。

任何想法？知道我正在使用angm生成模塊可能很有用。

來源

2016-03-18 crowhill

從角docs：

使用[html5mode]要求URL重寫服務器端的，基本上你不得不重寫所有的鏈接到你的應用程序的入口點（如index.html的） 。要求使用<基地的>標記對於此的情況也很重要，因爲它允許Angular區分作爲應用程序基礎的url部分和應用程序應該處理的路徑。

I.e.你需要告訴你的服務器重寫/建立到/index.html的任何請求。

來源

2016-03-18 22:54:46 evsheino

當然。明顯。謝謝！ – crowhill

evsheino指出我在正確的方向。我的代碼沒有問題，這是導致問題的服務器配置。我所要做的就是添加以下到我的gruntfile.js

middleware: function (connect, options) { 
    var optBase = (typeof options.base === 'string') ? [options.base] : options.base; 
        return [require('connect-modrewrite')(['!(\\..+)$/[L]'])].concat(
         optBase.map(function(path){ return connect.static(path); })); 
       }, 
       keepalive: true, 
       port: 4000, 
       base: '.', 
       hostname: 'localhost', 
       debug: true, 
       livereload: true, 
       open: true 
      } 
     } 
    },

充分說明可以在這裏找到：http://jjt.io/2013/11/16/angular-html5mode-using-yeoman-generator-angular/

編輯：這是爲connect

來源

2016-03-18 23:04:48 crowhill

角：$ locationProvider.html5Mode（真）的路由問題

回答

相關問題