Gulp Serve：为所有路径渲染index.html

Question

我正在运行一个简单的AngularJS应用程序，并使用Gulp / Gulp Serve和Browsersync来提供它。

要使我的Angular路由正常工作，我需要为端口上的所有路径渲染/index.html。

我该怎么做？我目前的代码是：

gulp.task('serve', ['less'], function() {

    browserSync.init({
        server: "./app"
    });

    gulp.watch("app/css/*.less", ['less']);
    gulp.watch("app/*.html").on('change', browserSync.reload);
    gulp.watch("app/js/**/*.js").on('change', browserSync.reload);
});

Answer 1

解决方案是使用此中间件connect-history-api-fallback，如下所示：

gulp.task('serve', ['less'], function() {

    browserSync.init({
        server: {
          baseDir: "./app",
          middleware: [ history() ]
        }
    });
});

现在完美运作！