2017-03-25 8 views
0

アプリケーションにui-routerがあり、ページ(状態)をリロードすると問題が発生します。 例:アプリのルートパス「/」と状態の登録「/登録」私は「/登録」をリンクするために行く場合は、登録ページをロードし、その後、私はページを更新し、取得:ui-routerはリロードすると状態をロードできません

取得することはできません/登録

私はこの問題を知っていると

RewriteEngine On 
Options FollowSymLinks 

RewriteBase/

RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule ^(.*)$ /#/$1 [L] 

を.htaccessを使用ししかし、それは私の問題を解決していません。

マイapp.js

var app = angular.module('myApp', [ 
    'ui.router', 
    'ngCookies', 
    'myApp.main', 
    'myApp.navbar', 
    'myApp.registration', 
    'myApp.login', 
    'myApp.newOrder', 
    'ui.bootstrap', 
    'ui.bootstrap.datetimepicker', 
]); 

app.config([ 
    '$stateProvider', 
    '$urlRouterProvider', 
    '$locationProvider', 
    function ($stateProvider, $urlRouterProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('main', { 
      url: '/', 
      templateUrl: 'templates/content/main.html', 
      controller: 'mainCtrl' 
     }) 
     .state('registration', { 
      url: '/registration', 
      templateUrl: 'templates/content/registration.html', 
      controller: 'registrationCtrl' 
     }) 
     .state('login', { 
      url: '/login', 
      templateUrl: 'templates/content/login.html', 
      controller: 'loginCtrl' 
     }) 
     .state('new-order', { 
      url: '/new-order', 
      templateUrl: 'templates/content/newOrder.html', 
      controller: 'newOrderCtrl' 
     }); 
}]); 

のindex.htmlの使用:

<base href="/"> 

答えて

0

ので、私は '得ることができない/登録' を取得する:あなたが提出したときにこれがある

角度がクライアント側のルーティングを使用している場合、それはそのサーバにその ルートへのリクエストを行います。 にhtml5モードを有効にするには、html5 モードのすべてのルートでインデックスを提供する必要があります。これはノードアプリのように。

Link回答ありがとうございます。

は、その後、私はこのquestion

と同じエラーを得たそして今、すべてが完璧に動作します。

関連する問題