Question

任何人都可以帮助我吗？我有两个角6项目。完全是两个不同的项目。一个项目用于网站前视图（登陆页面等）...... 第二个项目用于后端视图（管理面板）。我可以将这两个项目一起运行，并可以从一个项目组件导航到其他项目组件吗？请帮助。

Answer 1

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

运行项目A： npm start --port 4200

运行项目B： npm start --port 4201

然后，您可以访问localhost:4200上的A和localhost:4201

上的B.

Answer 2

他们解决方法就是将它们包装在另一个app / project中，并使用app级路由器为每个模块建立路由。

类似的东西：

-- 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

从那里你的app-routing会有类似的东西：

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。文件夹结构仅用于示例，您可以保留任何允许您引用项目相应模块的文件夹结构。您可能还想查看Multiple app configuration with angular

在同一台服务器（本地服务器）上运行两个Angular 2+项目

2 个答案: