Запустить два проекта Angular 2+ на одном сервере (локальный сервер)

Question

Может ли какое-нибудь тело мне помочь?У меня два угловых 6 проекта. Полностью два разных проекта.Один проект используется для веб-сайта Front View (целевые страницы, как и т. Д.)… Второй проект используется для Backend view (панель администратора).Могу ли я запустить эти два проекта вместе и можно ли перейти от одного компонента проекта к другому компоненту проекта?Помогите пожалуйста.

Answer 1

Они решают, как я это делаю, заключая их в другое приложение / проект, и с помощью маршрутизатора уровня приложения устанавливаем маршруты для каждого из модулей.

Что-то вроде:

-- 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, как если бы вы использовали любой обычный маршрут.

PS Структура папок предназначена только для примера, вы можете сохранить любую структуру папок, которая позволяет вам иметь ссылки на соответствующие модули ваших проектов.Вы также можете взглянуть на Конфигурация нескольких приложений с угловым

Answer 2

Просто используйте разные порты, например:

Запустите проект A: npm start --port 4200

Запустите проект B: npm start --port 4201

И тогда вы сможете получить доступ к A на localhost:4200 и B на localhost:4201