Gulp Serve:渲染索引.html适用于所有路径

Gulp Serve: render index.html for all paths

本文关键字：适用于 路径 html 索引 Serve Gulp      更新时间：2023-09-26

我正在运行一个简单的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);
});

解决方案是使用这个中间件，连接历史 api 回退，如下所示：

gulp.task('serve', ['less'], function() {
    browserSync.init({
        server: {
          baseDir: "./app",
          middleware: [ history() ]
        }
    });
});

现在完美运行！

相关文章：