Angular app not loading CSS and JS on refreshing page?
<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>