title: redirect express route to angular page
body: <p>I have experience developing angular apps, but I am new to the mean stack, I am trying out the mean stack and have an express server running and a angular site running. My express if for my REST api primarily, but would like to have an entry point to point back to the my client in a case of an unknown url to the server: server.js:</p>
  
  <pre><code>    // Setup View Engines
  app.set('views', path.join(__dirname, 'public'));
  app.engine('html', require('ejs').renderFile);
  app.set('view engine', 'html');
  
  // Serve files from your "public" directory
  app.use('/public', express.static(path.join(__dirname + 'public')));
  
  // Serve files from your "bower_components" directory
  app.use('/bower_components', express.static(path.join(__dirname + '/bower_components')));
  
  // GET index.html route
  app.get('/', function(req, res) {
      return res.render('index');
  });
  </code></pre>
  
  <p>my angular resides in Public folder and here is my index.html file:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html ng-app="havuraApp"&gt;
      &lt;head lang="en"&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div&gt;
              main
              &lt;ui-view&gt;&lt;/ui-view&gt;
          &lt;/div&gt;
  
      &lt;/body&gt;
  
      &lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-ui-bootstrap/index.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular-resource/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  
  
      &lt;!--services--&gt;
      &lt;script src="Services/svcModule.js"&gt;&lt;/script&gt;
      &lt;script src="Services/userSvc.js"&gt;&lt;/script&gt;
      &lt;!--dashboard--&gt;
      &lt;script src="Views/dashboard/dashboard.module.js"&gt;&lt;/script&gt;
      &lt;script src="Views/dashboard/config.route.js"&gt;&lt;/script&gt;
      &lt;script src="Views/dashboard/dashboard.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If i hit the angular site index.html, my loads my correct default route page, but when I hit it using the express route, it loads the html only and not the ui-view part of it.</p>
  
  <p>Any help will be appreciated.</p>