在部署中为Angular2应用程序（由Angular CLI构建）提供服务

Question

我使用Angular CLI构建了一个Angular2应用程序，其中包含许多路由。应用程序工作绝对正常。我可以使用链接，使用网址或使用路由器的导航功能导航到所有路线。我可以随时刷新任何路线上的浏览器页面。

但是，当我试图从dist/index.html使用单独的Web服务器（dev上的括号IDE服务器或生产中的Express/nginx/apache2）为我的应用程序提供服务时，应用程序路由行为是不同的。

应用程序流工作正常，但当它直接点击URL（对于任何路由）或刷新任何路由上的页面时，应用程序显示无法获取/仪表板错误。这是我的路线名称。我在刷新任何现有路由页面上的页面时遇到相同的错误。

我猜应用程序是从索引正确引导的。仅html，而不是从应用程序中的任何位置。

我做错了什么请帮忙。

指数html

 <script>
        System.import('system-config.js').then(function () {
          System.import('main');
        }).catch(console.error.bind(console));
      </script>

主要的ts

引导（NgUnityAppComponent，[HTTP_提供程序，路由器_提供程序]）；

团结。组成部分ts文件

 import { Component } from '@angular/core';
    import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
    import {APP_ROUTES} from './ng-unity.routes';
    import { NavbarComponent, FooterComponent, AboutUsComponent } from './shared/index';
    import {NavbarService} from './shared/navbar/navbar.service';
    @RouteConfig(APP_ROUTES)
    @Component({
        moduleId: module.id,
        selector: 'ng-unity-app',
        templateUrl: 'ng-unity.component.html',
        styleUrls: ['ng-unity.component.css'],
        directives: [ROUTER_DIRECTIVES, NavbarComponent, FooterComponent],
        providers:[NavbarService]
    })
    export class NgUnityAppComponent {

    }

我做错了什么？请帮忙。

Answer 1

确保这是放在你的index.html的头元素：

该

刷新页面时，这将动态地将基本href设置为当前文档。地方