RewriteEngine on

RewriteRule ^(.*)$ http://127.0.0.1:8008/$1 [P]

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { AboutComponent } from './about/about.component';
import { HomeComponent } from './home/home.component';
import { ProfileComponent } from './profile/profile.component';
import { LoginComponent } from './login/login.component';
import { AccountComponent } from './account/account.component';
import { ExperienceComponent } from './experience/experience.component';
import { SettingsComponent } from './settings/settings.component';
import { RecommendationsComponent } from './recommendations/recommendations.component';
import { RecommendwriteComponent } from './recommendwrite/recommendwrite.component';
import { UpgradeComponent } from './upgrade/upgrade.component';
import { PaymentComponent } from './payment/payment.component';
import { PortfoliosettingsComponent } from './portfoliosettings/portfoliosettings.component';
import { EditexperienceComponent } from './editexperience/editexperience.component';
import { AddfieldComponent } from './addfield/addfield.component';
import { EditfieldComponent } from './editfield/editfield.component';
import { AddsummaryComponent } from './addsummary/addsummary.component';
import { FieldeditComponent } from './fieldedit/fieldedit.component';
import { HiddenportfolioComponent } from './hiddenportfolio/hiddenportfolio.component';
import { PortfolioComponent } from './portfolio/portfolio.component';
import { PortfoliostandardComponent } from './portfoliostandard/portfoliostandard.component';
import { PremiumportfolioComponent } from './premiumportfolio/premiumportfolio.component';
import { ManagecategoryComponent } from './managecategory/managecategory.component';
import { ForgotComponent } from './forgot/forgot.component';
import { ResendComponent } from './resend/resend.component';
import { PagenotfoundComponent } from './pagenotfound/pagenotfound.component';

const routes: Routes = [
  {
    path: '',
    component: HomeComponent
    , pathMatch: 'full'
  },
  {
    path: 'account',
    children: [

        { path: 'experience', component: ExperienceComponent },
        { path: 'settings', component: SettingsComponent },
        { path: 'profile', component: ProfileComponent },
        { path: 'recommend', component: RecommendationsComponent },
        { path: 'upgrade', component: UpgradeComponent },
        { path: 'upgrade', component: UpgradeComponent },
        { path: 'payment/:status/:tier', component: PaymentComponent },
        { path: 'portfoliosettings', component: PortfoliosettingsComponent },



       ],
    component: AccountComponent
  },
  { path: 'write-recommend/:id', component: RecommendwriteComponent },
  { path: 'editexperience/:id', component: EditexperienceComponent },
  { path: 'addfield', component: AddfieldComponent },
  { path: 'editfield/:id', component: EditfieldComponent },
  { path: 'addsummary', component: AddsummaryComponent },
  { path: 'summaryedit/:id', component: FieldeditComponent },
  { path: 'hidden', component: HiddenportfolioComponent },

    { path: 'portfolio/:id', component: PortfolioComponent },
    { path: 'about/:id', component: PortfolioComponent },
    { path: 'page/:id', component: PortfolioComponent },
    { path: 'p/:id', component: PortfolioComponent, pathMatch: 'full' },

    { path: 'r/:id', component: PortfoliostandardComponent },
    { path: 'cv/:id', component: PortfoliostandardComponent },
    { path: 'bio/:id', component: PortfoliostandardComponent },
    { path: 'resume/:id', component: PortfoliostandardComponent },

    { path: 'premiumportfoliosettings', component: PremiumportfolioComponent },
    { path: 'managecategory', component: ManagecategoryComponent },
    { path: 'forgot', component: ForgotComponent },
    { path: 'resend', component: ResendComponent },



  {
    path: 'login',
    component: LoginComponent
  },



    {
      component: PagenotfoundComponent,
      path: "404",
   },

   {
      path: "**",
      redirectTo: '404' }

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }