在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); 
}); 

TX肖恩

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(); 
    } 
    ], 
});