javascript - Gulp 为所有路径提供 : render 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() ]
        }
    });
});

现在完美运行!