angularjs – 如何告诉gulp-connect打开index.html,无论URL?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何告诉gulp-connect打开index.html,无论URL?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下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: "/"
    });
});

当我访问/所有工作正常(仪表板出现)。

但是,访问/广告客户会导致“404 – 无法获取/广告客户”。

我的主要角色文件是index.html,它正确地打开/,但不是/广告商。

无论URL如何,我怎么能告诉Gulp打开index.html?

您可以使用中间件选项来使用 the connect-history-api-fallback middleware.一旦安装并需要回退,您可以这样添加
gulp.task('connect',livereload: true,middleware: function(connect,opt) {
      return [ historyApiFallback ];
    }

  });
});
原文链接:https://www.f2er.com/angularjs/144494.html

猜你在找的Angularjs相关文章