title: How to tell gulp-connect to open index.html regardless of the URL?
body: <p>I have the following gulp task:</p>
  
  <pre><code>gulp.task('connect', function() {
    connect.server({
      root: __dirname,
      livereload: true
    });
  });
  </code></pre>
  
  <p>and the following Angular routes:</p>
  
  <pre><code>angular.module("MyApp", ["ngRoute"]).config(function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
  
    $routeProvider
      .when("/", {
        controller: "DashboardCtrl",
        templateUrl: "templates/dashboard.html"
      })
      .when("/advertiser", {
        controller: "AdvertiserCtrl",
        templateUrl: "templates/advertiser.html"
      })
      .otherwise({
        redirectTo: "/"
      });
  });
  </code></pre>
  
  <p>When I visit <code>/</code> all works fine (the Dashboard appears).</p>
  
  <p>But, visiting <code>/advertiser</code> results in "404 - Cannot GET /advertiser".</p>
  
  <p>My main Angular file is <code>index.html</code>, which is opened properly for <code>/</code>, but not for <code>/advertiser</code>.</p>
  
  <p>How could I tell Gulp to open <code>index.html</code> regardless of the URL?</p>