Javascript 运行两个角度2+；同一服务器上的项目（本地服务器）

有人能帮我吗？ 我有两个项目，完全不同的两个项目。 一个项目是用于网站前视图（如等登录页）… 第二个项目用于后端视图（管理面板）。 我可以同时运行这两个项目吗？我可以从一个项目组件导航到另一个项目组件吗？

---

请提供帮助。

只需使用不同的端口，如：

运行项目A：

npm启动——端口4200

运行项目B：

npm启动——端口4201

---

然后您可以访问

localhost:4200上的A和
localhost:4201上的B，只需使用不同的端口，如：

运行项目A：
npm启动——端口4200

运行项目B：
npm启动——端口4201

然后您可以访问
localhost:4200上的A和
localhost:4201上的B。我解决问题的方法是将它们包装到另一个应用程序/项目中，并使用应用程序级路由器为每个模块建立路由

比如：

-- src/
   -- admin/
       admin.module.ts
       admin.component.ts
       admin-routing.module.ts
   -- main/
       main.module.ts
       main.component.ts
       main-routing.module.ts
   app.component.ts
   app.module.ts
   app-routing.module.ts

const Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full',
    { path: 'home', component: MainComponent },
    { path: 'admin', component: AdminComponent },
    // { path: 'admin', loadChildren: './admin/admin.module#AdminModule' With lazy loading

]

从那里，您的
应用程序路由将有如下内容：

-- src/
   -- admin/
       admin.module.ts
       admin.component.ts
       admin-routing.module.ts
   -- main/
       main.module.ts
       main.component.ts
       main-routing.module.ts
   app.component.ts
   app.module.ts
   app-routing.module.ts

const Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full',
    { path: 'home', component: MainComponent },
    { path: 'admin', component: AdminComponent },
    // { path: 'admin', loadChildren: './admin/admin.module#AdminModule' With lazy loading

]

这样，您就可以重定向到
/admin
，就像您使用任何正常路由一样

p.S.文件夹结构只是为了示例，您可以保留任何允许您引用项目相应模块的文件夹结构。您可能还想了解一下，我解决问题的方法是将它们包装到另一个应用程序/项目中，并使用应用程序级路由器为每个模块建立路由

比如：

-- src/
   -- admin/
       admin.module.ts
       admin.component.ts
       admin-routing.module.ts
   -- main/
       main.module.ts
       main.component.ts
       main-routing.module.ts
   app.component.ts
   app.module.ts
   app-routing.module.ts

const Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full',
    { path: 'home', component: MainComponent },
    { path: 'admin', component: AdminComponent },
    // { path: 'admin', loadChildren: './admin/admin.module#AdminModule' With lazy loading

]

从那里，您的
应用程序路由将有如下内容：

-- src/
   -- admin/
       admin.module.ts
       admin.component.ts
       admin-routing.module.ts
   -- main/
       main.module.ts
       main.component.ts
       main-routing.module.ts
   app.component.ts
   app.module.ts
   app-routing.module.ts

const Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full',
    { path: 'home', component: MainComponent },
    { path: 'admin', component: AdminComponent },
    // { path: 'admin', loadChildren: './admin/admin.module#AdminModule' With lazy loading

]

这样，您就可以重定向到
/admin
，就像您使用任何正常路由一样

p.S.文件夹结构只是为了示例，您可以保留任何允许您引用项目相应模块的文件夹结构。你可能还想看看