title: Angular app not loading CSS and JS on refreshing page?
body: <p>I have an app using AngularJS. Here is a link of it - <a href="https://jobseeker-7e07d.firebaseapp.com/">Angular App</a>
  All the links in the navbar are using default angular router. All the pages work fine when i refresh them, but a page like <a href="https://jobseeker-7e07d.firebaseapp.com/companies/2">this</a> loads the content without css and js when i refresh it or go to it directly.</p>
  
  <p>I feel this is a issue with the routing although I am not sure. Here is the <code>app.js</code> file -</p>
  
  <pre><code>angular
    .module('jobSeekerApp', [
      'ngRoute'
    ])
    .config(function ($routeProvider, $locationProvider) {
      $routeProvider
        .when('/', {
          templateUrl: 'views/main.html',
          controller: 'MainCtrl',
          controllerAs: 'main'
        })
        .when('/about', {
          templateUrl: 'views/about.html',
          controller: 'AboutCtrl',
          controllerAs: 'about'
        })
        .when('/companies', {
          templateUrl: 'views/companiesall.html',
          controller: 'CompaniesallCtrl',
          controllerAs: 'companies'
        })
        .when('/jobs', {
          templateUrl: 'views/jobsall.html',
          controller: 'JobsallCtrl',
          controllerAs: 'jobs'
        })
        .when('/companies/:id', {
          templateUrl: 'views/company.html',
          controller: 'CompanyCtrl',
          controllerAs: 'company'
        })
        .when('/contact', {
          templateUrl: 'views/contact.html',
          controller: 'ContactCtrl',
          controllerAs: 'contact'
        })
        .otherwise({
          redirectTo: '/'
        });
        $locationProvider.html5Mode(true);
        $locationProvider.hashPrefix = '!';
    });
  </code></pre>
  
  <p>This is the head from <code>index.html</code> - </p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Job Seeker&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;!-- Place favicon.ico and apple-touch-icon.png in the root directory --&gt;
      &lt;!-- build:css(.) styles/vendor.css --&gt;
      &lt;!-- bower:css --&gt;
      &lt;link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /&gt;
      &lt;link rel="stylesheet" href="bower_components/animate.css/animate.css" /&gt;
      &lt;link rel="stylesheet" href="bower_components/jssocials/dist/jssocials.css" /&gt;
      &lt;link rel="stylesheet" href="bower_components/jssocials/dist/jssocials-theme-flat.css" /&gt;
      &lt;!-- endbower --&gt;
      &lt;!-- endbuild --&gt;
      &lt;!-- build:css(.tmp) styles/main.css --&gt;
      &lt;link rel="stylesheet" href="/styles/main.css"&gt;
      &lt;!-- endbuild --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Bungee|Carrois+Gothic+SC|Oswald" rel="stylesheet"&gt;
      &lt;base href="/"&gt;
    &lt;/head&gt;
  </code></pre>