S3静的なウェブサイトとCloudFrontを

Question

で期待どおりに動作しない新しいタブで開く私は例えば、私のS3 + CloudFrontの中のウェブサイトのカップルを持っている：

• www.example.com/test/#/
• www.example.com/test1/#/

www.example.com以下のフォルダと別のウェブサイトであることの主バケツ、テストおよびtest1のです。

問題は、ダッシュボードなどの新しいタブで何かを開こうとするときです。定期的なナビゲーションはいつですか？www.example.com/test/#/dashboardとなり、完全に動作します。しかし、新しいタブがある場合は、テストを削除して、www.example.com/#/dashboardになり、私に404を与えます。

これは角度の設定に問題がありますか？あるいはクラウドフロントとs3の問題？

編集、下記のルートの設定コードの一部：

$urlRouterProvider.otherwise("/"); 
$stateProvider 
    .state('home', { 
    url: '/', 
    templateUrl:'test/javascripts/templates/welcome/views/welcome.html', 
    controller: 'WelcomeController' 
    }) 
    .state('dashboard', { 
    url: '/dashboard', 
    templateUrl: 'test/javascripts/templates/dashboard/views/dashboard.html', 
    controller: 'DashboardController' 
    }) 

Answer 1

エラーが設定ファイルに$locationProvider.html5Mode(true);を追加#URL's

の問題のようです。今

app.config(["$stateProvider","$locationProvider", function($stateProvider,$locationProvider) { 

     $urlRouterProvider.otherwise("/"); 
     $stateProvider 
     .state('home', { 
      url: '/', 
      templateUrl:'test/javascripts/templates/welcome/views/welcome.html', 
      controller: 'WelcomeController' 
     }) 
     .state('dashboard', { 
      url: '/dashboard', 
      templateUrl: 'test/javascripts/templates/dashboard/views/dashboard.html', 
      controller: 'DashboardController' 
     }) 

    $locationProvider.html5Mode(true).hashPrefix('!') 
    }]); 

あなたはHEADタグでbase hrefを設定する必要がありますので、あなたは、変更についてのブラウザを教えてください。

<base href="/">

CHeck this link for more information

Answer 2

@Sravan答えは、私は長い時間前に設定していたインデックスHTML、中のベースHREFタグの私を思い出しました。私はこのようにそれを持っていた：

<base href="/"> 

しかし、私はS3のフォルダで作業しておりますので、私は/私のURLのベースを指していると、URLからtestを削除されたと思います。だから、僕はなってきて/削除する必要がありました：

<base href="">