Firebase 托管中的子目录 Angular 应用答案

【问题标题】：Subdirectory Angular app in Firebase hostingFirebase 托管中的子目录 Angular 应用
【发布时间】：2015-10-28 14:51:38
【问题描述】：

一直试图在子目录 /grid 中部署我的 Angular 应用程序，但没有显示任何内容 here

对于 index.html，我添加了<base href="/grid/" />

对于 firebase 配置，我使用过

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

对于角度配置，

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'
     });
   });

并且构建将具有

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

如果我在本地运行它并将基本标记更改为<base href="/" />，它将正常工作。有人看到错误了吗？

【问题讨论】：

标签： angularjs angular-ui-router firebase-hosting

【解决方案1】：

不确定您是否还在寻找，我只是在自己搜索时遇到了您的问题。

您可以在 Firebase 托管（公共）目录中有一个名为“/grid”的子文件夹，正确的重写规则是：

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

最后没有额外的“/*”。从您的配置来看，您似乎只为您的 Angular 应用程序提供了规则，您可能还需要为您的 Angular 路由器设置适当的前缀规则。

希望对你有帮助:)

【讨论】：