无论URL如何，如何告诉gulp-connect打开index.html？

Question

我有以下 gulp 任务：

gulp.task('connect', function() {
  connect.server({
    root: __dirname,
    livereload: true
  });
});

以及以下 Angular 路线：

angular.module("MyApp", ["ngRoute"]).config(function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);

  $routeProvider
    .when("/", {
      controller: "DashboardCtrl",
      templateUrl: "templates/dashboard.html"
    })
    .when("/advertiser", {
      controller: "AdvertiserCtrl",
      templateUrl: "templates/advertiser.html"
    })
    .otherwise({
      redirectTo: "/"
    });
});

当我访问/ 时，一切正常（显示仪表板）。

但是，访问 /advertiser 会导致“404 - 无法获取 /advertiser”。

我的主要 Angular 文件是 index.html，它为 / 正确打开，但不适用于 /advertiser。

我如何告诉 Gulp 打开 index.html 而不管 URL 是什么？

Answer 1

您也可以使用 gulp-connect 自己的选项 fallback：

gulp.task('connect', function() {
  connect.server({
    root: 'path/',
    livereload: true,
    fallback: 'path/index.html'
  });
});

不需要其他包。

Answer 2

您可以使用middleware 选项来使用the connect-history-api-fallback middleware。安装并需要后备后，您可以像这样添加它：

gulp.task('connect', function() {
  connect.server({
    root: __dirname,
    livereload: true,

    middleware: function(connect, opt) {
      return [ historyApiFallback ];
    }

  });
});