gulp - 在 BrowserSync 中，如何匹配特定路由并重定向？

Question

在 BrowserSync 中，如何匹配特定路由并重定向？
换句话说，如果用户输入路径

http://localhost:8080/src/public/App1/Dashboard
我想重定向到:
http://localhost:8080/src/public/index.html#/App1/Dashboard

这是我目前的配置

gulp.task('x_open_server_development_auto', ['x_watch_source'], function () {
    process.stdout.write('Starting browserSync and superstatic...\n');
    browserSync({
        port: 8080,
        open: false,
        files: ['index.html', '**/*.ts'],
        notify: true,
        reloadDebounce: 400,
        server: {
            baseDir: './',
            directory: true
        }
    });
    // exit every 20 minutes so forever will restart it
    setTimeout(function () {
        process.exit()
    }, 3200000);
});

肖恩

Answer 1

browser-sync允许您定义 middleware您可以使用它来处理请求:

browserSync({
  port: 8080,
  open: false,
  files: ['index.html', '**/*.ts'],
  notify: true,
  reloadDebounce: 400,
  server: {
    baseDir: './',
      directory: true
  },
  middleware: [
    function(req, res, next) {
      if (/\/src\/public\/App1\/Dashboard\/?/.test(req.url)) {
        res.writeHead(302, {
          'Location': '/src/public/index.html#/App1/Dashboard'
        });
        res.end();
      }
      next();
    }
  ],
});