angularjs - Firebase ホスティングのサブディレクトリ Angular アプリ

Question

angular アプリをサブディレクトリ内にデプロイしようとしましたが、ここに/gridは何も表示されません

1. index.html については、追加しました<base href="/grid/" />

2. ファイアベースの設定には、私が使用しました

   "rewrites": [ {
       "source" : "/grid/**/*",
       "destination" : "/grid/index.html"
    } ]
   

3. 角度設定の場合、

   angular.module('columns', [
     'ui.router',
     'columns.main',
   ])
   .config(function($stateProvider, $urlRouterProvider, $locationProvider) {
      'use strict';
   
      $locationProvider.html5Mode(true);
      $urlRouterProvider.otherwise('/');
   
      $stateProvider
        .state('main', {
          url: '/',
          templateUrl: '/columns/main/main.html',
          controller: 'MainCtrl'
        });
      });
   

4. そして、ビルドには

    module.run(['$templateCache', function($templateCache) {
      $templateCache.put('/columns/main/main.html','<something>');
    }]);
   

ローカルで実行して base タグを に変更すると、正常に動作し<base href="/" />ます。誰でもエラーが表示されますか?

Answer 1

あなたがまだ探しているかどうかわかりませんが、自分で検索しているときにあなたの質問に出くわしました。

「/ grid」と呼ばれるfirebaseホスティング（パブリック）ディレクトリにサブフォルダーを作成でき、正しい書き換えルールは次のようになります。

"rewrites": [ {
  "source" : "/grid/**",
  "destination" : "/grid/index.html"
} ]

つまり、末尾に余分な「/*」がありません。設定から、Angular アプリのルールのみを提供しているようです。Angular ルーターにも適切なプレフィックス ルールを設定する必要がある場合があります。

それが役立つことを願っています:)