Browsersync with proxy

browsersync.js

/**
 * Created by AAravindan on 5/5/16.
 */
var gulp = require('gulp');
var browserSync = require('browser-sync');

gulp.task('serve', ['styles', 'elements'], function() {
  var url = require('url');
  var proxy = require('proxy-middleware');

  var proxyOptions = url.parse('http://localhost:8421/api');
  proxyOptions.route = '/api';

  //var historyMiddleWare = historyApiFallback({
  //  verbose          : true,
  //  logger           : console.log.bind(console),
  //  index            : "/index.html",
  //  htmlAcceptHeaders: ["text/html", "application/xhtml+xml"],
  //  rewrites: [
  //    { from: /\/decision.*/, to: "/decision/index.html" },
  //    { from: /\/admin.*/, to: "/admin/index.html" },
  //    { from: /\/procurement.*/, to:  "/procurement/index.html" }
  //  ]
  //});

  browserSync({
    port: 5001,
    notify: false,
    logPrefix: 'PSK',
    snippetOptions: {
      rule: {
        match: '<span id="browser-sync-binding"></span>',
        fn: function (snippet) {
          return snippet;
        }
      }
    },
    // Run as an https by uncommenting 'https: true'
    // Note: this uses an unsigned certificate which on first access
    //       will present a certificate warning in the browser.
    // https: true,
    server: {
      baseDir: ['.tmp', 'app'],
      middleware: [proxy(proxyOptions)]
    }
  });
}