Angular - 页面重新加载导致部分加载而不是整个页面

Question

当我从根网站（例如：website.com）重新加载网站时，刷新就可以了。但是，当我从其他任何地方（website.com/about）重新加载时，只加载about页面的部分html，省略所有模板代码，如页眉，页脚，脚本导入等。此外，浏览器坚持在加载website.com/about/时，包括结尾的斜杠。

以下是相关来源。

app.js

angular.module("myApp", ['ui.router'])

.run(function($state, $stateParams) {

})

.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

    $locationProvider.html5Mode(true);

    $stateProvider

    .state('home', {
        url: "/",
        templateUrl: "home/index.html"
    })
    .state('about', {
        url: "/about",
        templateUrl: "about/index.html"
    })
    .state('contact', {
        url: "/contact",
        templateUrl: "contact/index.html"
    })
    .state('news', {
        url: "/news",
        templateUrl: "news/index.html"
    })
    .state('vip', {
        url: "/vip",
        templateUrl: "vip/index.html"
    });

    $urlRouterProvider.otherwise('/');
});