Question

我将开始一个新项目，我想使用Angular 2.该项目将有一个主页面和3个不同的用户面板（仪表板）。每个小组都是一个大型应用程序。

示例：

本地主机
本地主机/管理
本地主机/学生
本地主机/父母

我认为将它们构建为单独的Angular应用程序。但我不知道这是合乎逻辑的还是最佳做法。

今天我只是想尝试一下并创建两个不同的应用程序。第一个应用程序只有一个按钮，其中包含第二个应用程序（localhost / admin）的链接。它工作正常。当我点击按钮时，我看到＆＃34; localhost / admin＆＃34;在地址栏中。

export class LoginComponent {

    constructor() {
    }

    goToAdminPanel(){
        window.location.href = "http://localhost/admin";
    }

}

但是当地址发生变化时，第二个应用程序无法加载。显示＆＃34;正在加载＆＃34;消息和停止。

在控制台上，它说无法在localhost下找到bundle.css和bundle.js文件。

http://localhost/styles.d41d8cd98f00b204e9800998ecf8427e.bundle.css
http://localhost/styles.b2328beb0372c051d06d.bundle.js
http://localhost/styles.b2328beb0372c051d06d.bundle.js
http://localhost/main.819cb8811b8bbdc925f6.bundle.js

这是正常的，因为第二个应用程序（管理员面板）不在根文件夹中。它位于localhost / admin

下

我将基础href改为

第一个应用：<base href="/">
第二个应用：<base href="/admin">

文件夹结构为：

First App的所有文件都在locahost中
Second App的所有文件都在localhost / admin文件夹中

你有什么建议使用Angular 2构建这种结构

Answer 1

你需要创建一个单独的组件管理员*学生*父母记住angular2或angular 1只是一个静态的应用程序

如何使用多个用户面板构建Angular 2 App

1 个答案: